.maincontent {
max-width:100%;
}

.header-bg {
  background-image:linear-gradient(to bottom, rgb(35, 125, 198), rgb(255,255,255) );
  width:100%;
  padding:30px 0;
  text-align:center;
  margin:0;
}

.header-bg p {
  max-width:800px;
}

.myButton {
	box-shadow: 0px 0px 0px 2px #9fb4f2;
	background-color:transparent;
	border-radius:10px;
	border:1px solid #4e6096;
	display:inline-block;
	cursor:pointer;
	color:#000;
	font-family:Arial;
	font-size:18px;
	padding:10px 26px;
	text-decoration:none;
	text-shadow:0px 1px 0px #283966;
}
.myButton:hover {
	background-color:#0078C1;
        color:white;
}
.myButton:active {
	position:relative;
	top:1px;
}

.text h1 { 
    background-color:#fff;
    overflow:hidden;
    display:inline-block; 
    padding:10px; 
    font-weight:900;
    font-family:arial;
    color:transparent;

}

.main-content {
   margin:30px 0;
}

.card {
  box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  transition: 0.3s;
  max-width:500px;
  min-height:500px;
}


.card:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}


.card-content {
     padding: 10px 16px 10px 16px;
     max-width:500px;
     min-height:300px;
     display:flex;
     flex-direction: column;
     justify-content: space-evenly;
     padding-bottom:20px;
   }

.card-mobile {
  margin-bottom:20px;
}

span.pocono{ 
    background: url(/imageserver/Reusable/certainteed-siding2020/harbor-sunset1-min.png) -20px -20px repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display:block;
    font-weight:900;
}

span.harbor{ 
    background: url(/imageserver/Reusable/certainteed-siding2020/8_Harbor_Sunset_Stone_0.jpg) -20px -20px repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display:block;
    font-weight:900;
}

span.adriondack{ 
    background: url(/imageserver/Reusable/certainteed-siding2020/9_Adirondack_Snowfall_Stone_0.jpg) -20px -20px repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display:block;
    font-weight:900;
}

span.appalachian{ 
    background: url(/imageserver/Reusable/certainteed-siding2020/10_Appalachian_Twilight_Stone_0.jpg) -20px -20px repeat;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display:block;
    font-weight:900;
}

.overlay-image {
 position: relative;
 width:100%;
}


.overlay-image .image {
 display: block;
 width: 100%;
 height: auto;
}


.overlay-image .text {
 background-color:#fff;
 text-align: center;
 position: absolute;
 width:50%;
top: 50%;
 left:0;
 transform: translate(0, -50%);
 height:100%;

}

.stone-product {
  padding:20px;
}

.flex-row {
    display: flex;
    flex-wrap:wrap;
    margin-bottom:50px;
  }
  
  .column {
    flex: 50%;
    text-align:center;
  }

  .column-text {
    padding:0 10px 10px 10px;
    font-size:16px;
}
  
.card-box { 
 position:relative;
 
-webkit-box-shadow: 2px 5px 15px 1px rgba(0,0,0,0.41); 
box-shadow: 2px 5px 15px 1px rgba(0,0,0,0.41);
}

.card-box p {
  min-height:85px;
  position:relative;
  font-size:16px;
}


.stone-product-desktop{
  padding:0 40px;
}

.stone-product-mobile {
  display:none;
}

@media only screen and (max-width: 768px) {
  .stone-product-mobile {
    display:block;
  }
  .stone-product-desktop {
    display:none;
  }
}