section#basics {
  width:93%;
  margin:0 auto;
}
#basics {
  /* General Styling (Universal)*/
  h1 , h2 {
    font-family:'Bogs Headline';
    text-transform:uppercase;
    font-weight:500;
    letter-spacing:0.5px;
    margin:0;
    line-height:1;
  }
  h3 {
    padding-top:1rem;
  }
  img{
    width:100%;
    margin:1rem 0;
    border-radius:8px;
  }
  p , li {
    color:#000;
    line-height:1.7;
    margin:0;
  }
  ul {
    padding-left:1.2rem;
  }
  ::marker {
    font-weight:bold;
  }
  picture {
    padding:1rem 0;
  }
  /* Feature Block Styling (Universal)*/
  #feature {
    background-color:#F8F8F8;
    border-radius:8px;
    padding:0;
  }
  #feature h3 {
    padding-top:0;
  }
  #feature img {
    margin:0;
    border-radius:0px;
  }
  #feature .content-block {
    width:95%;
    margin:0 auto;
  }
  /* Product Block Styling (Universal)*/
  #product {
    display:flex;
    margin-bottom:2rem;
  }
  #product p {
    line-height:1.4;
    margin:0;
  }
  #product .thumb , #product p {
    width:90%;
    margin:0 auto;
  }
  #product .thumb {
    background-color:#F8F8F8;
    padding:0 0 2rem;
    margin-bottom:0.85rem;
  }
  #product .thumb , #product img {
    border-radius:8px;
  }
  #product img {
    width:100%;
  }
  #product .thumb {
    transition: box-shadow 0.2s ease-in-out 0.1s;
  }

  @media (min-width:992px) {
    /* General Styling (Desktop) */
    h1 {
      padding:2rem 0;
    }
    h2 {
      padding:1.5rem 0;
    }
    /* Feature Block Styling (Desktop) */
    #feature {
      width:47%;
      margin:0.8rem;
    }
    #feature .content-block {
      padding:3rem;
    }
    /* Product Block Styling (Desktop) */
    #product {
      width:50%;
      padding:0;
    }
    #product .thumb:hover {
      box-shadow:0px 0px 10px 0px #AAAAAA;
      transform:translate(0, 2px);
      position:absolute;
      padding:1rem 1rem 3.5rem 1rem;
      width:23.5%;
    }
  }

  @media (max-width:992px) {
    /* General Styling (Mobile) */
    h1 {
      font-size:2.5rem;
      padding:1.5rem 0;
    }
    h2 {
      font-size:2rem;
      padding:1rem 0;
    }
    h3 {
      font-size:1.5rem;
    }
    /* Feature Block Styling (Mobile) */
    #feature {
      width:93%;
      margin:0 auto;
      margin-top:0.5rem;
      margin-bottom:1rem;
    }
    #feature .content-block {
      padding:1.5rem;
    }
    /* Product Block Styling (Mobile) */
    #product p {
      font-size:14px;
    }
  }
}