.maincontent {
    max-width: 100%;
  }
  html {
    scroll-behavior: smooth;
  }
img{
    width:100%;
}
  body, html{
      font-size:18px;
  }
    p{
      font-size:1rem;
      font-family: montserrat,sans-serif;
      font-weight: 400;
      font-style: normal;
    }
    
    h1{
      font-size:3.3rem;
    }
    h2{
      font-size:2rem;
    }
    h3{
      font-size:1.7rem;
    }
    h4{
      font-size:1.4rem;
    }
    h5{
      font-size:.6rem;
    }
    
    h1, 
    h4{
      font-family: 'Montserrat',sans-serif;
      font-weight: 900;
      font-style: normal;
    }
    h2, h3, h5{
      font-family: 'Montserrat', sans-serif;
    }
    .rButton {
        box-shadow: 0px 10px 7px -7px rgba(0,0,0,0.5);
        background-color: rgba(32,60,107,.7);
        border-radius: 8px;
        display: inline-block;
        cursor: pointer;
        color: #ffffff;
        font-family: Arial;
        font-weight: bold;
        padding: 15px 28px;
        text-decoration: none;
        text-shadow: 0px 1px 0px #3d768a;
      }
      .rButton a{
        color:#fff;
        font-size:1rem;
      }
      
      .rButton:hover {
        background-color: rgba(32,60,107,.7);
        color: #F3EFE6;
        transform:scale(.95);
        box-shadow: 0px 8px 7px -7px rgba(0,0,0,0.5);

      }
      .rButton a:hover {
        text-decoration: none;
      }
      
      .rButton:active {
        position: relative;
        top: 1px;
      }
    
      /* =========================== Btn Dark ============================ */
      .btn-dark {
        font-size:calc(.6vw + .2rem);
        color:#ececec; 
        background:transparent;  
        line-height: 19px; 
        font-weight: 400; 
        border:1px solid #ececec;  
        padding: 16px 20px 18px; 
        margin: 10px auto; 
        border-radius: 0; 
        text-transform: uppercase; 
        text-align: center; 
        letter-spacing: 2px; 
        word-spacing: -1px; 
        -webkit-transition: all .25s ease; 
        -o-transition: all .25s ease; 
        transition: all .25s ease; 
        -webkit-transition: all 0.25s linear; 
      }
      
      .btn-dark:hover { 
        background:#c59a37; 
        border:none; 
        color:#fff;
      }

      .product-wrapper{
          padding:2vw 8vw;
      }
      #text{
        font-size:24px;
         font-weight:600;
         text-transform:uppercase;
      }
      .product-list p{
        max-width:150px;
        display:inline;
    }
    #myImage{
        width:100%;
        object-fit:cover;
    }
    .product-top{
        width:100vw;
        background:rgba(32,60,107,.7);
    }
    #product-top-label{
        font-family: 'Montserrat',sans-serif;
        font-size:2.5rem;
        font-weight:600;
        color:#fff;
        margin-left:100px;
        border-bottom:2px solid #fff;
    }
    #logo{
        width:100%;
        max-width:150px;
        margin:1%;
        /* float:right; */
    }
    .product-btns{
        display:flex;
        align-items: center;
        margin:15px 0;
    }
    .product-img{
        object-fit:cover;
        max-height:400px;
        text-align: center;
        filter:drop-shadow(5px 5px 5px rgba(0,0,0,0.5));
    }
    .product-img img{
        object-fit:cover;
        max-width:600px;
        max-height:400px;
        text-align: center;
    }
    .product-list{
        margin-top:3%;
        display:flex;
        justify-content: space-evenly;
        flex-wrap:wrap;
    }
    .product-list-sm{
        margin-top:3%;
        display:flex;
        justify-content: space-evenly;
        flex-wrap:wrap;
    }
.flex-container{
      margin-top:50px;
      display:flex;
      flex-direction: row;
      flex-wrap:wrap;
      justify-content: space-around;
      align-items: center;
    }
    .flex-container img{
      width:100%;
      max-width:300px;
      filter:drop-shadow(3px 3px 5px rgba(0,0,0,0.5));
    }
    .img-wrapper{
      margin-top:8px;
      border: 5px groove rgba(28,110,164,0.58);
      max-width:300px;
      overflow:hidden;
    }
  
    

    /* .product-list-sm .product-item{
      display:inline-block;
    } */
      .product-item{
          cursor:pointer; 
          margin-top:10px;
          display:flex;
          flex-direction: column;
          text-align: center;
          max-width:150px;
        }
        .product-item img{
          /* display:inline; */
          width:100%;
          max-width:150px; 
          max-height:150px; 
      }
      .product-info{
        text-align: center;
        margin-top:100px;
      }
      @media screen and (max-width:1200px) {
          .product-list{
              flex-wrap:wrap;
          }
      }
      @media screen and (max-width:992px) {
          #product-top-label{
              margin-left:0;
          }
      }