body,
html {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-size:18px;
    font-family: "Poppins", sans-serif;
}

.maincontent {
    max-width: 100%;
    padding: 0;
    margin: 0;
}

.maincontent_wrapper {
    padding-top: 0;
}

#reusable img {
    width: 100%;
}
.hero{
    position: relative; background-image: url("/imageserver/Reusable/window2021/hero3.png");background-repeat:no-repeat; background-position:center; background-size:cover;
}
.section1{
    position: relative; background-image: url("/imageserver/Reusable/window2021/half-window-right.jpg");background-repeat:no-repeat; background-size:10%; background-position:right;
}
.maincontent {
    max-width:100%;
  }
  
  .window-container {
     padding:0 8%;
  }
  
  body {
    font-family: 'Poppins', sans-serif;
  }
  
  h2, h3 {
    
  }
  
  p {
    font-family: 'Open Sans', sans-serif;
    font-weight:100;
    font-size:18px;
  }
  
  .window-myButton {
      background-color:transparent;
      border-radius:5px;
      border:1px solid #29abe2;
      display:inline-block;
      cursor:pointer;
      color:black;
      font-size:15px;
          font-family: 'Poppins', sans-serif;
      padding:11px 23px;
      text-decoration:none;
      text-shadow:0px -1px 0px #2b665e;
  }
  .window-myButton:hover {
      background-color:transparent;
  }
  .window-myButton:active {
      position:relative;
      top:1px;
  }
  
  .window-hero-textbox {
    padding:25% 0;
  }
  
  .hero-img {
    transform:skew(-3deg) rotate(-2deg);
    margin-top:3%;
  }
  
  .header-box {
    margin-top:5%;
  }
  
  .energy-section {
    background-image:url("/imageserver/Reusable/window2021/half-window.jpg");
    background-position:bottom left;
    background-size:10%;
    background-repeat:no-repeat;
  }
  
  .installation-section {
    background-image:url("/imageserver/Reusable/window2021/full-custom-window.jpg");
    background-position:bottom right;
    background-size:30%;
    background-repeat:no-repeat;
  }
  
  .window-type-row2 {
    margin-top:-60px;
  }
  
  .modal {
    margin-top:100px;
  }
  
  .modal-body p {
    cursor:pointer;
  }
  
  .bottombox {
    padding-top: 5%;
  }
  
  @media only screen and (max-width: 992px) {
    .window-hero-textbox {
      padding:20% 0 0 0;
    }
    .energy-section {
      background-size:30%;
    }
    .div2 {
      display:none;
    }
    .window-type-row2 {
      margin-top:0;
    }
  }