.maincontent {
  max-width:100%;
}

body {
  font-family: 'Poppins',  'Montserrat', sans-serif;
}

ul li {
  line-height:1.6;
  margin-top: 5px;
}

.bg {
background-image:linear-gradient(180deg,rgba(255,255,255,1) 0%,rgba(255,255,255,.6) 100%),url('/imageserver/Reusable/gentek2021/bg.jpg');
  background-position: bottom;
  background-size:cover;
  background-repeat:no-repeat;
}

.gentekButton {
        margin-top:20px;
	background-color:#EDE1D3;
	border-radius:10px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-size:19px;
	padding:8px 27px;
	text-decoration:none;
}
.gentekButton:hover {
	background-color:#D4C9BC;
}
.gentekButton:active {
	position:relative;
	top:1px;
}

.product-header {
  background-color:#EDE1D3;
  padding:5px 0 8px 0;
}

.nopadding {
   padding: 2px !important;
   margin: 0 !important;
}

.gentek-container {
  padding:0 5%;
}

.panel-img {
  max-width:400px;
  max-height:200px;
}

.colors {
  padding:0 30px 30px 0;
}

.color-swatch {
    border:1px solid black;
}

.colors img {
  height:50px;
  
}

.soffit {
  background-image:url('/imageserver/Reusable/gentek2021/soffit.png');
  background-position: bottom left;
  background-size:100%;
  background-repeat:no-repeat;
  height:500px;
}

.fascia {
  background-image:url('/imageserver/Reusable/gentek2021/fascia.png');
  background-position:  right;
  background-size:75%;
  background-repeat:no-repeat;
  height:500px;
}

@media only screen and (max-width: 992px) {
  .colors {
    padding:0 0 30px 0;
  }
}