.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;
  }
}