@charset "utf-8";
/* CSS Document */
@media (min-width:300px) and (max-width:3690px) and (orientation: landscape){
	body{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background-color: aliceblue;
		font-family:'Raleway';
		font-weight: 300;
		font-style: normal;
	}
	a{
		color: inherit;
		text-decoration: inherit;
	}
	a:hover{
		color: inherit;
		text-decoration: inherit;
	}
	a:visited{
		color: inherit;
		text-decoration: inherit;
	}
	h1{
		color: inherit;
		text-decoration: inherit;
		margin: 0%;
		padding: 0%;
		font-size: inherit;
	}
	h2{
		color: inherit;
		text-decoration: inherit;
		margin: 0%;
		padding: 0%;
		font-size: inherit;
	}
	h3{
		color: inherit;
		text-decoration: inherit;
		margin: 0%;
		padding: 0%;
		font-size: inherit;
	}
	h4{
		color: inherit;
		text-decoration: inherit;
		margin: 0%;
		padding: 0%;
		font-size: inherit;
	}
	h5{
		color: inherit;
		text-decoration: inherit;
		margin: 0%;
		padding: 0%;
		font-size: inherit;
	}
	h6{
		color: inherit;
		text-decoration: inherit;
		margin: 0%;
		padding: 0%;
		font-size: inherit;
	}
	
	
	
	
	
	
	#header{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		box-shadow: -1px 3px 9px black;
		background-image: url("images/backgrounds/pexels-scott-webb-2117937.jpg");
		background-size: cover;
		position: fixed;
	}
	#main-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 9%0%0%0%;
		padding: 0%;
	}
	#footer{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
	}
	
	
	
	#business-logo{
		clear: none;
		float: left;
		width: 6%;
		text-align: center;
		margin: 1%;
	}
	#main-menu-wraper{
		clear: none;
		float: left;
		width: 85%;
		margin: 3% 1% 3%;
		padding: 0%;
		
	}
	#desktop-menu{
		clear: none;
		float: left;
		width: 100%;
		
	}
	#button-home{
    clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.0);
    color: rgba(1,35,46,1.00);
    border-radius: 1px;
    font-size: 200%;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#button-home-current{
    clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.19);
    color: rgba(1,35,46,1.00);
    border-radius: 1px;
    font-size: 200%;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#button-home:hover{
    clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.89);
    color: rgba(12,191,249,1.00);
    border-radius: 6px;
    font-size: 200%;
    box-shadow: -1px 3px 6px black;
    transition: ease-in-out 0.5s;
	}
	#button-services{
	clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.0);
    color: rgba(1,35,46,1.00);
    border-radius: 1px;
    font-size: 200%;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#button-services-current{
	clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.19);
    color: rgba(1,35,46,1.00);
    border-radius: 1px;
    font-size: 200%;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#button-services:hover{
	clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.89);
    color: rgba(12,191,249,1.00);
    border-radius: 6px;
    font-size: 200%;
    box-shadow: -1px 3px 6px black;
    transition: ease-in-out 0.5s;
	}
	#button-contact{
	clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.0);
    color: rgba(1,35,46,1.00);
    border-radius: 1px;
    font-size: 200%;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#button-contact-current{
	clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.19);
    color: rgba(1,35,46,1.00);
    border-radius: 1px;
    font-size: 200%;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#button-contact:hover{
	clear: none;
    float: left;
    width: 15%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.89);
    color: rgba(12,191,249,1.00);
    border-radius: 6px;
    font-size: 200%;
    box-shadow: -1px 3px 6px black;
    transition: ease-in-out 0.5s;
	}
	#button-appointments{
	clear: none;
    float: left;
    width: 18%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.0);
    color: rgba(1,35,46,1.00);
    border-radius: 1px;
    font-size: 200%;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#button-appointments-current{
	clear: none;
    float: left;
    width: 18%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
    background-color: rgba(0,82,112,0.19);
    color: rgba(1,35,46,1.00);
    border-radius: 1px;
    font-size: 200%;
		box-shadow: 0px 0px 0px black;
		transition: ease-in-out 0.5s;
	}
	#button-appointments:hover{
	clear: none;
    float: left;
    width: 18%;
    margin: 0% 1.5%;
    text-align: center;
    border-bottom: #000000 thin solid;
     background-color: rgba(0,82,112,0.89);
    color: rgba(12,191,249,1.00);
    border-radius: 6px;
    font-size: 200%;
    box-shadow: -1px 3px 6px black;
    transition: ease-in-out 0.5s;
	}
	
	
	
	
	
	#social-media{
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: #D6C6AD;
	}
	#facebook{
		clear: none;
		float: left;
		width: 9%;
		margin: 1%1%1%30%;
		padding: 0%;
		text-align: center;
		color: #0004A2;
		font-size: 201%;
	}
	#instagram{
    clear: none;
    float: left;
    width: 9%;
    margin: 1%;
    padding: 0%;
    text-align: center;
    color: #CD0067;
    font-size: 201%;
	}
	#youtube{
    clear: none;
    float: left;
    width: 9%;
    margin: 1%;
    padding: 0%;
    text-align: center;
    color: #A00000;
    font-size: 201%;
	}
	
	
	
	#site-map{
    clear: none;
    float: left;
    width: 100%;
    margin: 0%;
    padding: 0%;
    background-color: #212D2D;
	}
	
	
	#site-map-column-services{
		clear: none;
		float: left;
		width: 21%;
		height: 600px;
		margin: 3%1%3%12%;
		padding: 1%;
		color: #396E7A;
		border: #273E3F thin solid;
	}
	#site-map-column-services-title{
		clear: none;
		float: left;
		width: 100%;
		margin: 9%0%;
		text-align: center;
		font-size: 150%;
		
		
	}
	
	
	
	#site-map-column-about-us{
		clear: none;
		float: left;
		width: 21%;
		margin: 3%1%;
		padding: 1%;
		color: #396E7A;
		border: #273E3F thin solid;
		height: 600px;
	}
	#site-map-column-about-us-title{
		clear: none;
		float: left;
		width: 100%;
		margin: 9%0%;
		text-align: center;
		font-size: 150%;
	}
	
	
	
	#site-map-column-contact-us{
		clear: none;
		float: left;
		width: 21%;
		margin: 3%1%;
		padding: 1%;
		color: #396E7A;
		border: #273E3F thin solid;
		height: 600px;
	}
	#site-map-column-contact-us-title{
		clear: none;
		float: left;
		width: 100%;
		margin: 9%0%;
		text-align: center;
		font-size: 150%;
	}
	
	
	
	#copyrights{
		clear: none;
		float: left;
		width: 100%;
		text-align: center;
		margin: 3%1%;
	}
	
	
	/*=========HOME=======*/
	/*=========HOME=======*/
	/*=========HOME=======*/
	/*=========HOME=======*/
	/*=========HOME=======*/
	/*=========HOME=======*/
	/*=========HOME=======*/
	/*=========HOME=======*/
	/*=========HOME=======*/
	/*=========HOME=======*/
	
	#main-services-offered{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		
	}
	
	
	
	#helical-pier-section{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
	}
	#helical-pier-picture{
		clear: none;
		float: left;
		width: 39%;
		margin: 0%;
		padding: 0%;
	}
	#helical-pier-written-content{
		clear: none;
		float: left;
		width: 61%;
		margin: 0%;
		padding: 0%;
	}
	#helical-pier-title{
		clear: none;
		float: left;
		width: 96%;
		margin: 6%0%3%0%;
		padding: 1%;
		font-size: 300%;
		border-bottom: #003C49 thin solid;
	}
	#helical-pier-content{
		clear: none;
		float: left;
		width: 96%;
		margin: 0%;
		padding: 1%;
		font-size: 150%;
	}
	#helical-pier-learn-more{
		color: #005C78;
		background-color: inherit;
		transition: ease-in-out 0.5s;
	}
	#helical-pier-learn-more:hover{
    color: #70E6FF;
    background-color: #004156;
    transition: ease-in-out 0.5s;
	}
	
	
	
	
	
	
	#basement-underpinning-section{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
	}
	#basement-underpinning-picture{
		clear: none;
		float: left;
		width: 39%;
		margin: 0%;
		padding: 0%;
	}
	#basement-underpinning-written-content{
		clear: none;
		float: left;
		width: 61%;
		margin: 0%;
		padding: 0%;
	}
	#basement-underpinning-title{
		clear: none;
		float: left;
		width: 96%;
		margin: 6%0%3%2%;
		padding: 1%;
		font-size: 300%;
		border-bottom: #003C49 thin solid;
	}
	#basement-underpinning-content{
		clear: none;
		float: left;
		width: 96%;
		margin: 0%;
		padding: 1%;
		font-size: 150%;
	}
	#basement-underpinning-learn-more{
		color: #005C78;
		background-color: inherit;
		transition: ease-in-out 0.5s;
	}
	#basement-underpinning-learn-more:hover{
    color: #70E6FF;
    background-color: #004156;
    transition: ease-in-out 0.5s;
	}
	
	
	
	
	#basement-services{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		padding: 0%;
		background-color: #005B5F;
	}
	
	
	
	#basement-waterproofing{
		clear: none;
		float: left;
		width: 30%;
		margin: 1%;
		padding: 0%;
	}
	#basement-waterproofing-title{
		clear: none;
		float: left;
		width: 100%;
		margin: 1%0%;
		padding: 0%;
		font-size: 240%;
		border-bottom: #2B6F7E thin solid;
		text-align: center;
		background-color: #009FA7;
		border-radius: 6px
	}
	#basement-waterproofing-content{
		clear: none;
		float: left;
		width: 98%;
		height: 600px;
		margin: 0%;
		padding: 3%1%;
		font-size: 201%;
		text-align: center;
		background-image: linear-gradient(
          rgba(0, 0, 0, 0.6), 
          rgba(255,255,255,0.3)
        ), url("images/basement/pexels-harry-cunningham-harrydigital-5010932.jpg");
		background-size: cover;
		background-position: bottom;
		background-repeat: no-repeat;
		color: antiquewhite;
		
	}
	#basement-waterproofing-learn-more{
		color: #0397C5;
		background-color: inherit;
		transition: ease-in-out 0.5s;
	}
	#basement-waterproofing-learn-more:hover{
		color: #70E6FF;
        background-color: #004156;
		transition: ease-in-out 0.5s;
	}
	
	
	#foundation-repair{
		clear: none;
		float: left;
		width: 30%;
		margin: 1%;
		padding: 0%;
	}
	#foundation-repair-title{
    clear: none;
    float: left;
    width: 100%;
    margin: 1%0%;
    padding: 0%;
    font-size: 240%;
    border-bottom: #2B6F7E thin solid;
    text-align: center;
    background-color: #00A76B;
    color: #FCF5ED;
    border-radius: 6px;
	}
	#foundation-repair-content{
    clear: none;
    float: left;
    width: 98%;
    height: 600px;
    margin: 0%;
    padding: 3%1%;
    font-size: 201%;
    font-weight: bolder;
    text-align: center;
    background-image: -webkit-linear-gradient(270deg,rgba(0,0,0,0.70) 34.20%,rgba(255,255,255,0.30) 100%), url("images/basement/pexels-photo-8986949.jpg");
    background-image: -moz-linear-gradient(270deg,rgba(0,0,0,0.70) 34.20%,rgba(255,255,255,0.30) 100%), url("images/basement/pexels-photo-8986949.jpg");
    background-image: -o-linear-gradient(270deg,rgba(0,0,0,0.70) 34.20%,rgba(255,255,255,0.30) 100%), url("images/basement/pexels-photo-8986949.jpg");
    background-image: linear-gradient(180deg,rgba(0,0,0,0.70) 34.20%,rgba(255,255,255,0.30) 100%), url("images/basement/pexels-photo-8986949.jpg");
    background-size: cover;
    color: #FDE6CD;
	}
	#foundation-repair-learn-more{
    color: #00A76B;
    background-color: inherit;
    transition: ease-in-out 0.5s;
	}
	#foundation-repair-learn-more:hover{
		color: #70E6FF;
        background-color: #004156;
		transition: ease-in-out 0.5s;
	}
	
	
	#crawl-space-repair{
		clear: none;
		float: left;
		width: 30%;
		margin: 1%;
		padding: 0%;
	}
	#crawl-space-repair-title{
    clear: none;
    float: left;
    width: 100%;
    margin: 1%0%;
    padding: 0%;
    font-size: 240%;
    border-bottom: #2B6F7E thin solid;
    text-align: center;
    background-color: #A70048;
    color: beige;
    border-radius: 6px;
	}
	#crawl-space-repair-content{
		clear: none;
		float: left;
		width: 98%;
		height: 600px;
		margin: 0%;
		padding: 3%1%;
		font-size: 201%;
		font-weight: bolder;
		text-align: center;
		background-image: linear-gradient(
          rgba(0, 0, 0, 0.6), 
          rgba(255,255,255,0.0)
        ), url("images/basement/pexels-andre-moura-2471313.jpg");
		background-size: cover;
		color: antiquewhite;
		
		
	}
	#crawl-space-repair-learn-more{
    color: #0397C5;
    background-color: inherit;
    transition: ease-in-out 0.5s;
	}
	#crawl-space-repair-learn-more:hover{
		color: #70E6FF;
        background-color: #004156;
		transition: ease-in-out 0.5s;
	}
	
	
	#egress-window-installation{
		clear: none;
		float: left;
		width: 30%;
		margin: 1%;
		padding: 0%;
	}
	#egress-window-installation-title{
    clear: none;
    float: left;
    width: 100%;
    margin: 1%0%;
    padding: 0%;
    font-size: 240%;
    border-bottom: #2B6F7E thin solid;
    text-align: center;
    background-color: #5D4A6F;
		color: cornsilk;
	}
	#egress-window-installation-content{
		clear: none;
		float: left;
		width: 98%;
		height: 600px;
		margin: 0%;
		padding: 3%1%;
		font-size: 201%;
		font-weight: bolder;
		text-align: center;
		background-image: url("images/basement/pexels-max-rahubovskiy-7031599.jpg");
		background-size: cover;
		
		
		
	}
	#egress-window-installation-learn-more{
    color: #005C78;
    background-color: inherit;
    transition: ease-in-out 0.5s;
	}
	#egress-window-installation-learn-more:hover{
		color: #70E6FF;
        background-color: #004156;
		transition: ease-in-out 0.5s;
	}
	
	
	#sump-pump-services{
		clear: none;
		float: left;
		width: 30%;
		margin: 1%;
		padding: 0%;
	}
	#sump-pump-services-title{
    clear: none;
    float: left;
    width: 100%;
    margin: 1%0%;
    padding: 0%;
    font-size: 240%;
    border-bottom: #2B6F7E thin solid;
    text-align: center;
    background-color: #014A60;
		color: aliceblue;
	}
	#sump-pump-services-content{
		clear: none;
		float: left;
		width: 98%;
		height: 600px;
		margin: 0%;
		padding: 3%1%;
		font-size: 201%;
		font-weight: bolder;
		text-align: center;
		background-image: url("images/basement/pexels-kindel-media-8486923.jpg");
		background-size: cover;
		
		
		
	}
	#sump-pump-services-learn-more{
    color: #005C78;
    background-color: inherit;
    transition: ease-in-out 0.5s;
	}
	#sump-pump-services-learn-more:hover{
		color: #70E6FF;
        background-color: #004156;
		transition: ease-in-out 0.5s;
	}
	
	
	#house-additions{
		clear: none;
		float: left;
		width: 30%;
		margin: 1%;
		padding: 0%;
	}
	#house-additions-title{
    clear: none;
    float: left;
    width: 100%;
    margin: 1%0%;
    padding: 0%;
    font-size: 240%;
    border-bottom: #2B6F7E thin solid;
    text-align: center;
    background-color: #00CFE0;
	}
	#house-additions-content{
		clear: none;
		float: left;
		width: 98%;
		height: 600px;
		margin: 0%;
		padding: 3%1%;
		font-size: 201%;
		font-weight: bolder;
		text-align: center;
		background-image: url("images/basement/pexels-cottonbro-studio-6276142.jpg");
		background-size: cover;
		
		
		
	}
	#house-additions-learn-more{
    color: #005C78;
    background-color: inherit;
    transition: ease-in-out 0.5s;
	}
	#house-additions-learn-more:hover{
		color: #70E6FF;
        background-color: #004156;
		transition: ease-in-out 0.5s;
	}
	
	
	
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	/*=========CONTACT=======*/
	#contact-instructions{
		clear: none;
		float: left;
		width: 60%;
		margin: 3%20%;
	}
	#contact-instructions-title{
		clear: none;
		float: left;
		width: 60%;
		margin: 3%20%;
		text-align: center;
		font-size: 300%;
		border-bottom: #000000 thin solid;
		
	}
	#contact-instructions-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 0%;
		font-size: 201%;
	}
	
	
	
	#contact-options{
		clear: none;
		float: left;
		width: 100%;
		margin: 3%0%;
	}
	
	
	
	#contact-options-phone-call{
		clear: none;
		float: left;
		width: 21%;
		margin: 3%3%3%9%;
		padding: 0%;
		border: #004C55 30px  solid;
		border-radius: 60px;
		background-color: #0091A8;
	}
	#contact-options-phone-call-title{
		clear: none;
		float: left;
		width: 90%;
		margin: 3%;
		padding: 0%;
		text-align: center;
		font-size: 390%;
	}
	#contact-options-phone-call-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 3%0%;
		padding: 0%;
		text-align: center;
		font-size: 210%;
	}
	
	
	
	#contact-options-text-messages{
    clear: none;
    float: left;
    width: 21%;
    margin: 3%;
    padding: 0%;
    border: 30px solid #550020;
    border-radius: 60px;
    background-color: #C7003C;
	}
	#contact-options-text-messages-title{
		clear: none;
		float: left;
		width: 90%;
		margin: 3%;
		padding: 0%;
		text-align: center;
		font-size: 390%;
	}
	#contact-options-text-messages-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 3%0%;
		padding: 0%;
		text-align: center;
		font-size: 201%;
	}
	
	
	
	#contact-options-email{
    clear: none;
    float: left;
    width: 21%;
    margin: 3%;
    padding: 0%;
    border: 30px solid #003055;
    border-radius: 60px;
    background-color: #00BBC7;
	}
	#contact-options-email-title{
		clear: none;
		float: left;
		width: 90%;
		margin: 3%;
		padding: 0%;
		text-align: center;
		font-size: 390%;
	}
	#contact-options-email-content{
		clear: none;
		float: left;
		width: 100%;
		margin: 3%0%;
		padding: 0%;
		text-align: center;
		font-size: 201%;
	}
	
	
	
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	/*=========APPOINTMENT=======*/
	
	#instructions-to-booking{
		clear: none;
		float: left;
		width: 90%;
		margin: 3%;
	}
	#instructions-to-booking-title{
		clear: none;
		float: left;
		width: 60%;
		margin: 3%;
		padding: 1%;
		font-size: 300%;
		border-bottom: #003138 thin solid;
		
		
	}
	#instrictioms-to-booking-content{
		clear: none;
		float: left;
		width: 60%;
		margin: 0% 6%;
		font-size: 201%;
	}
	
	
	
	
	
	
	
	
}