/* Text meant only for screen readers */
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	height: 1px;
	width: 1px;
	overflow: hidden;
}

.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar */
}


/*--------------------------------------------------------------
General
--------------------------------------------------------------*/

html {
	box-sizing: border-box;
}
*, *:before, *:after {
	box-sizing: inherit;
}

* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;

	box-sizing: border-box;
}

html, body {
	color: white;
	margin: 0;
	padding: 0;
}

body {
    max-width: 80em;
	margin: 0 auto;
   background-color: white;
}
/*--------------------------------------------------------------
Typography
--------------------------------------------------------------*/
.sidebar .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

p {
	color: #333333;
	font-family:'Arimo', sans-serif;
	font-size: 1.2em;
	font-weight: 400;
	text-align: center;
	line-height: 1.5em;
    padding: 1em 3em;

}

h1,h2,h3,h4,h5, h6 {
    font-family:'Arimo', sans-serif;
    text-align: center;
}
h1 {
	color: rgb(10,112,185);
	font-size: 2.2em;
	font-weight: 900;
	padding: .5em;
    margin-bottom: 0;

}

h2 {
	color: rgb(10,112,185);
    font-weight: 900;
	font-size: 1.9em;
	line-height: 1.2em;


}

h3 {
	color: rgb(135,189,64);
    font-weight: 600;
	font-size: 1.7em;
	line-height: 1.2em;


}

h4 {
	color: rgb(10,112,185);
    font-weight: 600;
	font-size: 1.7em;
	line-height: 1.2em;


}
h5 {
	color: rgb(135,189,64);
    font-weight: 600;
	font-size: 1.3em;
	line-height: 1.2em;


}
h6 {
	color: white;
    font-weight: 400;
	font-size: .8em;

}


/*-----------------------------------------------------------
image
-------------------------------------------------------------*/

.pic-container{
    position: relative;

}
.principal-image {
	max-height: 900px;
	height: 100%;
	width: auto;
	z-index: -1;
	background-image: url('images/principalimage1@2x.jpg');
  background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;

}

.logocontainer{
    margin: 1em 0 0 0 ;
    display: grid;
    display: -ms-grid;
    grid-template-columns: 1fr 2fr;
    -ms-grid-columns:1fr 2fr;
    grid-template-rows: 80px 100px;
    -ms-grid-rows: 80px 100px;
    padding: 0;
    z-index: 1;

}
/*--------------------------------------------------------------
logo
--------------------------------------------------------------*/
.logo {
    grid-column: 1/2;
    -ms-grid-column: 1;
    grid-row: 1/3;
    -ms-grid-row: 1;
    -ms-grid-row-span:3;
    align-items: center;
    padding-top: 1em;
    z-index: 1;


}

.logo img{
    max-width: 280px;
    height: auto;
    padding-left: 4em;
    z-index: 1;



}
/*--------------------------------------------------------------
nav
--------------------------------------------------------------*/
.nav-wrap {
    grid-column: 2/3;
    -ms-grid-column: 2;
    -ms-grid-column-span:3;
    grid-row: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span:3;
    z-index: 1;

}

 /* Add a black background color to the top navigation */
.topnav {
  overflow: hidden;
  font-family:'Arimo', sans-serif;
  text-align: left;
}

/* Style the links inside the navigation bar */
.topnav a {
  display: block;
  float:right;
  text-decoration: none;
  font-size: 1em;
  font-weight: 600;
  margin: 0 2em;
  padding: 1em 1em;
  color:rgb(10,112,185);


}

/* Change the color of links on hover */
.topnav a:hover, .dropdown:hover .dropbtn, .dropbtn:focus{
	color: white;
	background-color: rgb(135,189,64);
    border-radius: 10px;
     box-shadow:
        inset 0 0 2px 0 rgba(135,189,64,.4),
        inset 0 0 3px 0 rgba(0,0,0,.4),
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
  display: none;
}
.dropdown {
	float:right;
    overflow: hidden;


}
.dropdown .dropbtn {
 text-align: left;
    font-size: 1em;
    font-weight: 600;
    padding: 1em 1.3em;
    border: none;
    outline: none;
     color:rgb(10,112,185);
    background-color: inherit;
    font-family: inherit;
    margin: 0;



}

.dropdown-content {
display: none;
position: absolute;
background-color: white;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;

}
.dropdown-content a {
float: none;
color: rgb(135,189,64)
padding: .5em;
text-decoration: none;
display: block;
text-align: left;
margin: 0;
}

.dropdown:hover .dropdown-content{
    display: block;
}

.callnow{
    color: white;
    text-decoration: none;
    font-family:'Arimo', sans-serif;
    font-size: 2em;
    font-weight: 600;
    position: absolute;
    bottom: 8%;
    left: 13%;
    padding: .5em 1em;
    background-color: rgb(135,189,64);
    border-radius: 50px;
    z-index: 10;



}

.show {
    display:block;
}
/*--------------------------------------------------------------
menu section a
--------------------------------------------------------------*/
.icon-container{
    display: grid;
    display:-ms-grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns:1fr 1fr;
    text-align: center;
    padding: 0 2em;
    margin: 0 2em;
}


.icon-container p{
    padding: 2em 4em;
}
.icon-container a{
    text-decoration: none;
}
.icon-container img{
    max-height: 300px;
    width: auto;


}
.iconservices{
    text-align: center;
   padding: 0 2em;
    margin: 0 2em;
    grid-column: 1/2;
    -ms-grid-column:1;
    -ms-grid-column-span:2;

}
.iconsus{
    text-align: center;
    padding: 0 2em;
    margin: 0 2em;
    grid-column: 2/3;
     -ms-grid-column:2;
    -ms-grid-column-span:3;
}
/*--------------------------------------------------------------
menu section b
--------------------------------------------------------------*/



.sec-picture {
    padding: 0;
    margin: 0;
	/*height: 100%; */
	width: auto;
	z-index: -1;
	background-image: url('images/couplerelaxing.png');
	background-position: top;
	background-size: cover;
	background-repeat: no-repeat;
}
sec-picturesmall{
    display: none;
}

.text-container {
    padding: 0 4em;

}
.bannermain{
    margin: 2em 0;
    max-height: 140px;
    background-image: linear-gradient(to left, rgb(135,189,64), rgb(135,189,64,.30));
    background-image: -ms-linear-gradient(to left, rgb(135,189,64), rgb(135,189,64,.30));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='rgb(135,189,64)', endColorStr='rgb(135,189,64,.30)', GradientType=0)";
}
.guarantee{
    display: grid;
    display:-ms-grid;
    grid-template-columns: 1fr 3fr 1fr;
    -ms-grid-columns: 1fr 3fr 1fr;
    grid-template-rows: 135px;
    -ms-grid-rows:135px;
    align-items: center;
    padding: 0 4em;
}
.guarantee p{
    color: white;
    font-weight: 600;

}
.banp{
    -ms-grid-column: 2;
    grid-column: 2/3; 
}


.shield{
 grid-column: 3/4;
    -ms-grid-column:3;
   -ms-grid-column-span:4; 
    max-width: 150px;
    height: auto;
}
.stamp{
    grid-column: 1/2;
    -ms-grid-column:1;
   -ms-grid-column-span:2;
    max-width: 150px;
    margin-left: 30%;
}

.short{
    padding: 0 6em;
}
.areas p{
    margin: 0;
    padding: 0;
    font-weight: 900;
}
.areas{
    padding: 0;
    display:block;


}

.columns {
   padding: 1em 0 2em 0;
    display: grid;
    display:-ms-grid;
    grid-template-columns: repeat (auto-fit);
    -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

.one{
    -ms-grid-column: 1;
    grid-column: 1/2;
   

}

.two{
    -ms-grid-column: 2;
    grid-column: 2/3;
   

}
.three {
    -ms-grid-column: 3;
    grid-column: 3/4;

}
.four{
    -ms-grid-column: 4;
    grid-column: 4/5;

}
.five{
    -ms-grid-column: 5;
    grid-column: 5/6;

}
.six{
    -ms-grid-column: 6;
    grid-column: 6/7;

}
.seven {
    -ms-grid-column: 7;
    grid-column: 7/8;

}
.eight{
    -ms-grid-column: 8;
    grid-column: 8/9;
  

}
.even p{
    color: rgb(10,112,185);
}

#main-footer {
    margin:0;
    padding 0;
}
#main-footer p{
    margin: 0;
    padding: 1em 1em 0 1em;
	font-size: .8em;
    color:#6c6c6c;

}
#main-footer a{
   color: white;
    font-family:'Arimo', sans-serif;
	font-size: 1em;
	font-weight: 400;
    text-decoration: none;
    padding: 0;

}
.foot-container{
    display:grid;
    display:-ms-grid;
    grid-template-columns: 1fr 2fr 2fr;
    -ms-grid-columns: 1fr 2fr 2fr;
    margin: 0 4em;
    padding: 2em 2em;
    align-items: start;
    justify-items: start;
    color: white;

}
.sec-logo {
    -ms-grid-column: 1;
    grid-column: 1/2;
}

.foot-services{
    -ms-grid-column: 2;
    grid-column: 2/3;
    padding-left: 10%;
  
  
}
.foot-info {
    -ms-grid-column: 3;
    grid-column: 3/4;
 
}
.foot-container h6{
    text-align: left;
}

#main-footer li{
    font-family:'Arimo', sans-serif;
    color: white;
    font-weight: 600;
	font-size: .8em;
	line-height: 1.5em;
    list-style-type: none;
    list-style-position:inside;
    margin:0;
    padding:0;
    color: white;
    list-style: none;
}

#main-footer ul {
    list-style: none;  
    padding: 0;
    margin: 0;
}
.footimage{
    padding: 0;
    margin: 0;
    max-height: 250px;
	height: 100%;
	width: auto;
	z-index: -1;
	background-image: url('images/imagefooter.png');
	background-position: bottom;
	background-size: cover;
	background-repeat: no-repeat;

}
.mail{
    padding-top: 1em;
}


.copyright{

    float: left;


}


/*--------------------------------------------------------------
services html
--------------------------------------------------------------*/


#services  {
    padding: 0;


}
.title {
    text-align: center;
    padding-bottom: 1em;
}


.banner{
    background-image: linear-gradient(to right, rgb(135,189,64), rgb(135,189,64,.30));
    max-height: 220px;
    background-image: -ms-linear-gradient(to left, rgb(135,189,64), rgb(135,189,64,.30));
    -ms-filter: "progid:DXImageTransform.Microsoft.Gradient(startColorStr='rgb(135,189,64)', endColorStr='rgb(135,189,64,.30)', GradientType=0)";
}
.services-icons {
    padding-left: 20%;
    display: grid;
    display:-ms-grid;
    grid-template-columns: 1fr 1fr 1fr 2fr;
    -ms-grid-columns:1fr 1fr 1fr 2fr;
    grid-template-rows: 200px;
    -ms-grid--rows: 200px;
    align-items: center;
}

.b-house {
    -ms-grid-column: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    grid-row: 1/2;
   
}
.b-office {
    -ms-grid-column: 2;
    grid-column: 2/3;
    -ms-grid-row: 1;
    grid-row: 1/2;
   
}
.b-move{
    -ms-grid-column: 3;
    grid-column: 3/4;
    -ms-grid-row: 1;
    grid-row: 1/2;
     
}
.big-icon {
    -ms-grid-column: 4;
    grid-column: 4/5;
    -ms-grid-row: 1;
    grid-row: 1/2;
   
}
.services-icons img{
    width: 70%;
    height: auto;
}
.big-icon img{
    width: 80%;
    height: auto;
    margin-top: 0;
}
p.header{
    text-align: left;
    padding: .5em 0 0 4em;
    margin: 0;
    color: rgb(10,112,185);

}


.service-container{
    margin: 3em 0 0 0;
    padding: 3em 2em 0 2em;
    clear: both;
}

.service-container ul, li{
    font-family:'Arimo', sans-serif;
    color: #333333;
    font-weight: 600;
	font-size: 1em;
	line-height: 2em;
}


.goback{
 display: inline-block;
 float:right;
    padding-bottom: 2em;

}


.service-box{
    padding: 3em 4em 3em 4em;
}

.service-header{
    display: grid;
    display:-ms-grid;
    grid-template-columns: 1fr 3fr;
    -ms-grid-columns:1fr 3fr;
    padding: 0 4em 0 4em;
    text-align: left;
    margin-bottom: 1em;

}
.icontype {
    -ms-grid-column: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    grid-row: 1/3;
    padding-top: .8em;
    margin: 0 auto;
  

}
.header-text{
    -ms-grid-column: 2;
    grid-column: 2/3;
    -ms-grid-row: 1;
    grid-row: 1/2;
    padding: 0 0 0 1.2em;
    margin: 0;
  
}

img.icontype{
    padding-top: .8em;
    margin-top: 0;
    padding-left: 35%;
}
.header-text h2{
    text-align: left;
    margin-bottom: 0;
    padding-left: .5em;
}
.header-text p{
    text-align: left;
    padding-left: 0;
    padding-left: 1em;
}
h2#housecleaning{
    margin-top: 1em;
}
h2#officecleaning{
     margin-top: .8em;
}
h2#moveout{
     margin-top: .8em;
}


.service-box{
    display: grid;
    grid-template-columns: 1fr 1fr;
     -ms-grid-columns:1fr 1fr;
    grid-template-rows: 1fr 1fr;
    -ms-grid-rows:1fr 1fr;
    margin-top: 1em;
    padding: 0 10%;
}


.all{
 grid-column: 1/2;
     -ms-grid-column:1;
   -ms-grid-column-span:2;
    grid-row: 1/2;
     -ms-grid-row:1;
   -ms-grid-row-span:2; 
    padding: 0 3em;
  
}
.kitchen{
 grid-column: 2/3;
      -ms-grid-column:2;
   -ms-grid-column-span:3;
    grid-row: 1/2;
      -ms-grid-row:1;
   -ms-grid-row-span:2;
    padding: 0 3em;
   
}
.bathrooms{
grid-column: 1/2;
      -ms-grid-column:1;
   -ms-grid-column-span:2;
    grid-row: 2/3;
      -ms-grid-row:2;
   -ms-grid-row-span:3; 
    padding: 0 3em;
  
}
.specials{
  grid-column: 2/3;
      -ms-grid-column:2;
   -ms-grid-column-span:3;
    grid-row: 2/3;
     -ms-grid-row:2;
   -ms-grid-row-span:3; 
    padding: 0 3em;

}

.box-bottom{
    margin-bottom: 2em;
}
footer {
    clear: both;
}

/*--------------------------------------------------------------
about us
--------------------------------------------------------------*/

#aboutus {
    background-color: rgb(10,112,185,.02);

}
.us-grid {
    padding-left: 0;
    display: grid;
    display:-ms-grid;
    grid-template-columns: 2fr 1fr;
    -ms-grid-columns:2fr 1fr;
    grid-template-rows: 200px;
    -ms-grid-rows: 200px;
    align-items: center;


}
.us-p{
    -ms-grid-column: 1;
    grid-column: 1/2;
     padding: 0;
     color: white;
    font-weight: 900;
	font-size: 1.9em;
}
.us-grid p {
    padding: 0 2em;
    color: white;
    font-weight: 900;
	font-size: 1.4em;

} 
.big-us {
    -ms-grid-column: 2;
    grid-column: 2/3;
}

.big-us img{
    width: 83%;
    height: auto;
    margin-right:  5em;
}


.about {
    padding: 6em 4em 0 4em;
}

/*--------------------------------------------------------------
testimonials
--------------------------------------------------------------*/

.test-box{
  text-align: center;
}
.testimonials {
    text-align: justify;
    display: inline-block
    align-items: center;
    margin: 0;
    padding: 0;

}
.test-one,.test-two,.test-three,.test-four {
    padding: 1em 4em;
    margin: 0;

}

.test-one,.test-three{
    background-color: rgb(10,112,185,.05);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}
.test-two,.test-four{
    background-color: rgb(10,112,185,.02);
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);

}
p.contact{
    text-align: center;
    padding: 0 4em;

}

.contact a{
    color: #333333;
    padding: 0;
    margin:0;
    text-decoration: none;
}


/*--------------------------------------------------------------
form
--------------------------------------------------------------*/


form {
  /* Center the form on the page */
  margin: 0 auto;
  width: 80%;
  padding: 1em 0 0 2em;
  border: none;
  border-radius: 1em;
  color:  #333333;
}

form div + div {
  margin-top: 1em;
}

label {
  /* Uniform size & alignment */
  display: inline-block;
  width: 20%;
  text-align: right;
  font-family:'Arimo', sans-serif;
  padding: 0 1em;
}

input,
textarea {
  font-family:'Arimo', sans-serif;
  width: 60%;
  box-sizing: border-box;
  border: none;
  background-color:rgb(10,112,185,.30);
  height: 2em;
  padding: 0 1em;
}

input:focus,
textarea:focus {
  border-color: #000;
}

textarea {
  vertical-align: top;
  height: 7em;
}

.button-form {
    display: inline-block;
    padding: 1em 1em ;
    background-color: rgb(135,189,64);
    color: white;
    font-family:'Arimo', sans-serif;
    font-weight: 600;
    font-size: 1em;
    border-radius: 10px;
}
.center-button{
    padding: 1em 48%;
}
.contact-btn{
    display: inline-block;
    padding: 1em 1em ;
    background-color: rgb(135,189,64);
    font-family:'Arimo', sans-serif;
    font-weight: 600;
    font-size: 1em;
    border-radius: 10px;

}
.contact-btn a{
    text-decoration: none;
    color: white;
}

.center-btn{
    text-align: center;
    padding: 2em 0;
}
/*--------------------------------------------------------------
tablet  @media (min-width: 424px) and (max-width: 768px)
--------------------------------------------------------------*/

@media screen and (max-width: 768px){



.principal-image {
    max-height: none;
    background-position: bottom;
    background-size: 100%;
    background-image: url('images/principalimage3@2x.jpg');
    text-align: center;

}
 .topnav a, .dropdown .dropbtn {
display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
    #myTopnav.topnav.responsive {
        width: 280px;

    }
   .topnav.responsive {
       position: relative;
       float: right;
       margin-right: 3em;
       text-align: left;
    }
    a.icon{

        margin: 0 3em 0 0;
        padding: .8em 0 0 0;
        max-height: 40px;

    }

  .topnav.responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;
    padding-right: 1em;
    background-color: rgb(10,112,185,.05);
      color: white;

  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
    margin: 0 1em 0 0;
    color: white;
    background-color: rgb(10,112,185,.70);
    padding: .5em;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0;

  }
.topnav a:hover, .dropdown:hover .dropbtn, .dropbtn:focus{
	color: rgb(135,189,64);
	background-color: white;
}
 .dropdown .dropbtn {
        background-color: rgb(10,112,185,.70);
        color: white;
        padding-left: .5em;
    }

.dropdown{
        max-width: 264px;
    }
   .dropdown-content a{
    width: 280px;
    padding-right: 0;
    margin-right: 0;
    }
.principal-image {
	max-height: 600px;
}

.logocontainer{
    margin: 1em 0 0 0 ;
    display: grid;
    grid-template-columns: 1fr 3fr;
    -ms-grid-columns:1fr 3fr;
    grid-template-rows: 80px 100px;
    -ms-grid-rows: 80px 100px;
    padding: 0;
}

.logo {
    grid-column: 1/2;
     -ms-grid-column:1;
   -ms-grid-column-span:2;
    grid-row: 1/3;
    -ms-grid-row:1;
   -ms-grid-row-span:3;
    margin: 0 auto;
    padding-top: 1em;
    padding-left: 1em;
 
}

.logo img{
    max-width: 250px;

}

p {
	font-size: .9em;
    }

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.7em;
	line-height: 1em;
}

h3 {
	font-size: 1.5em;
	line-height: 1em;
}

h4 {
	font-size: 1.3em;
	line-height: 1em;
}
h5 {
	font-size: 1.1em;
	line-height: 1em;
}
.menu {
    padding: 0 .5em;
}



.callnow{
   padding: .8em .8em;
   border-radius: 20px;
      font-size: 1.2em;
    font-weight: 600;

    }

.icon-container p{
	font-size: .9em;
     padding: 2em  0em;
    }
    
.iconservices,.iconsus{
   padding:.5em;
    margin: 1em;
    }
.icon {
     height: 70%;
      width: auto;
          }

.bannermain{
    max-height: 120px;
}
.guarantee{

    padding: 0 4em;
} 
    

.stamp{
       margin-left: 0;
    }
.guarantee p{
    color: white;
    font-size: .8em
    font-weight: 600;
     padding: 0;

}
.certificate{
    height:100%;
    width: auto;
    }

.sec-picture {
	background-image: none;
}

.sec-picturesmall{
    padding: 0;
    margin: 0;
	height: 70%;
	width: auto;
	z-index: -10;
	background-image: url('images/couplerelaxing.png');
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
}


.text-container {
    padding: 0 3em;

}
 .areas{
        margin: 0 1em;
    }

.foot-container{
     margin: 0 0;
     padding: 1em 2em;
     grid-template-columns: 1fr 2fr 3fr;
     -ms-grid-columns:1fr 2fr 3fr;

}
.foot-container img{
        padding: 3em 1em 0 0;
        width: 100%;
        height: auto;
        place-self: center;
}

.foot-services{
        padding: 0 1em;
    }

/*--------------------------------------------------------------
services tablet
--------------------------------------------------------------*/
  .icon-container img{
    max-height: 200px;
    width: auto;

}
.banner{
    max-height: 130px;
}
.services-icons {
    grid-template-rows: 110px;
}
.services-icons img{
    width: 80%;
}
.big-icon img{
    width: 70%;
}

h1.servicespage{
        margin: 0;
        padding-bottom: 1em;
    }
.service-container{
    margin-top: 1em;
    padding: 0 2em;
}
.service-header{
  /*  grid-template-columns: 1fr 3fr;
    -ms-grid-columns:1fr 3fr;
    grid-template-rows: 1fr 2fr;
    -ms-grid-rows:1fr 2fr; */
    padding: 0 1em;

} 
p.header{
    text-align: left;
    padding: .5em 0 0 2em;
    margin: 0;

}
.icontype {
    padding: 0;
    margin-bottom: 0;
    width: 100%;
   
}

.service-container ul, li{
	line-height: 1.8em;
}


.service-box{
    padding: 1em;
    margin: 0;

}


.service-header h2{
    padding-left: 1em;
}

.all,.kitchen,.bathrooms,.specials{
   padding: 0;

}


.goback{
    display: inline-block;
    text-align: right;
    padding-right: 2em;
    padding-left: auto;
}

.us-grid {
    grid-template-rows: 110px;
    -ms-grid-rows:110px;
} 

.us-grid p{
     padding: 0 0 0 2em;
    font-size: 1em;
    }

    .big-us img{
    width: 70%;
}

.about {
    padding: 3em 4em 0 4em;
}


p.contact{
    padding: 0 3em;

}
   h1.contactus {
        margin: 0;
    }
.contact a{
    color: black;
    padding: 0;
    margin:0;
    text-decoration: none;
}


			}

/*--------------------------------------------------------------
mobile
--------------------------------------------------------------*/
@media screen and (max-width: 430px){

      .dropdown{
        max-width: 207.2px;
    }


.dropdown{
    max-width: 207.2px;
    }
   .dropdown-content a{
    width: 207px;
    padding-right: 0;
    margin-right: 0;
    }
p {
	line-height: 1em;
    padding: 1em 0;
    }

h1 {
	font-size: 1.8em;
}

h2 {

	font-size: 1.6em;
}

h3 {
	font-size: 1.5em;
}

h4 {
	font-size: 1.3em;
}
h5 {
	line-height: 1em;
}
.nav-wrap{
        grid-row: 1/2;
        -ms-grid-row:1;
    -ms-grid-row-span:2;
    }
    
   #myTopnav.topnav.responsive {
        width: 220px;
       font-size: .8em;

    }
.topnav.responsive {
    padding:0;
    margin: 0;

    }

.principal-image {
    max-height: 280px;
    background-position: center;
    background-size: 100%;
    background-image: url('images/principalimage2@2x.jpg');text-align: center;

}


.logocontainer{
    grid-template-columns: 1fr 2fr;
     -ms-grid-columns:1fr 2fr;
    grid-template-rows: 30px 50px;
    -ms-grid-rows: 30px 50px;
    padding-left: 1em;

}

.logo{
    padding: 0;
    margin: 0;
    }

.logo img{
   max-height: 120%;
    width: auto;
    padding-left: 0;
    }

.callnow{
    bottom: 5%;
    left: 10%;
    padding: .25em .25em;
    font-size: 1em;
}

.icon-container img{
    max-height: 180px;
    width: auto;

}
.icon-container{
    display: inline-block;
    margin-top: 1em;
    padding: 2em 0 0 0;
}
.icon-container p{
    padding: 0;
    margin: 0;
}
.icon-container h4{
    margin: 0;
    padding: 1em 0 0 0;
}

.icon{
    padding-bottom: 1em;
     height: 280px;
    }
.icon img{
        height: 80%;
        width: auto;
        padding: 1em 0;
    }
.short {
        padding: 0 2em;
    }
.bannermain{
    margin: 1em 0;
    max-height: 160px;
    align-items: center;
}
.guarantee{
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns: 1fr 1fr;
    grid-template-rows: 2fr 3fr;
    -ms-grid-rows: 2fr 3fr;
    text-align: center;
}
.guarantee p{
        margin: 0;
        padding: 1em 1em;
        grid-column: 1/3;
    -ms-grid-column:1;
   -ms-grid-column-span:3;
        grid-row: 1/2;
    -ms-grid-row:1;
   -ms-grid-row-span:2;
   
    }

.smallbannermain{
    padding: 0;
    grid-column: 1/3;
     -ms-grid-column:1;
   -ms-grid-column-span:3;
    grid-row: 1/2;
     -ms-grid-row:1;
   -ms-grid-row-span:2;
    }
.stamp{
    max-height: 120px;
    margin: 0 auto;
    grid-column: 1/2;
     -ms-grid-column:1;
   -ms-grid-column-span:2;
    grid-row: 2/3;
      -ms-grid-row:2;
   -ms-grid-row-span:3;
 
    }
.shield{
    max-height: 120px;
     margin: 0 auto;
     grid-column: 2/3;
    -ms-grid-column:2;
   -ms-grid-column-span:3;
    grid-row: 2/3;
      -ms-grid-row:2;
   -ms-grid-row-span:3;
    

    }

 #section-b{
padding-top: 2em;
    }

 #section-b p{
padding: 0 2em;
    }

.hireus h1,h5{
     margin: 0;
    padding: .5em 1.5em;
    }

.sec-picture {
	background-image: none;
}

.sec-picturesmall{

	height: 70%;
	width: auto;
}


.text-container {
    padding: 0 1em;

}
.areas h5{
        padding: .5em 0;
    }
.areas p{
        padding: 0;
    }
.areas{
    grid-template-rows: 15% 85%;
 padding: 0 2em;
    }
.columns {
    grid-template-columns: 1fr 1fr;
    -ms-grid-columns:1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    -ms-grid-rows: 1fr 1fr 1fr 1fr;
    padding: 0;
    margin: 0;
}
.footimage{
     height: 180px;
     width: auto;
    }
    .areas{
        padding: 0;
    }
    .one{
     -ms-grid-column: 1;
    grid-column: 1/2;
      -ms-grid-row: 1;
    grid-row: 1/2;
    }
        .two{
     -ms-grid-column: 2;
    grid-column: 2/3;
      -ms-grid-row: 1;
    grid-row: 1/2;
    }
.three{
     -ms-grid-column: 1;
    grid-column: 1/2;
      -ms-grid-row: 2;
    grid-row: 2/3;
    }
   .four{
     -ms-grid-column: 2;
    grid-column: 2/3;
      -ms-grid-row: 2;
    grid-row: 2/3;
    }
      .five{
     -ms-grid-column: 1;
    grid-column: 1/2;
      -ms-grid-row: 3;
    grid-row: 3/4;
    }
      .six{
     -ms-grid-column: 2;
    grid-column: 2/3;
      -ms-grid-row: 3;
    grid-row: 3/4;
   
    }
       .seven{
     -ms-grid-column: 1;
    grid-column: 1/2;
      -ms-grid-row: 4;
    grid-row: 4/5;
    }
        .eight{
     -ms-grid-column: 2;
    grid-column: 2/3;
      -ms-grid-row: 4;
    grid-row: 4/5;
    }
 .foot-container{
     font-size: .5em;
     margin: 0 0;
     padding: 1em 1em;
     grid-template-columns: 1fr 2fr 2fr;
     -ms-grid-columns:1fr 2fr 2fr;
}
.foot-container img{
        padding: 3em 0;
        width: 80%;
        height: auto;
}


.copyright{
    text-align: center;
    font-size: 8px;

    }

/*--------------------------------------------------
    services mobile
--------------------------------------------------*/
.banner{
    max-height: 100px;
}
.services-icons {
    grid-template-rows: 90px;
    -ms-grid-rows:90px;
    padding-left: 10%;
}
.services-icons img{
    width: 90%;
}
.big-icon img{
    width: 80%;
}
h1.servicespage{
    font-size: 1.5em;
        margin: 0;
        padding: 1.5em 0;
    }
    
    .header-text{
        padding: 0 1em 0 1em;
    }
h2#housecleaning,h2#officecleaning,h2#moveout {
        margin: 0 auto;

    }
.service-container{
     margin: 0;
    padding: 0 1em;

    }

img.icontype{
    padding:0;
    margin-bottom: 0;
    height: 25%;
    width: auto;
}
    

.service-container ul, li{
	line-height: 1.8em;
}


.service-box{
    display: inline-block;
    padding-left: 1em;
    text-align: left;
}
.service-header{
    display: block;
    padding: 0 1em 0 1em;
    text-align: center;

}

.service-header h2{
    padding-left: 0;
      text-align: center;
}
p.header {
       padding-left: 0;
      text-align: justify;
    }
.service-box{
        padding: 0;
        font-size: .8em;
    }


.arrow{
position: fixed;
 bottom: 10px;
 right: 10px;
 width: 40px;
 height: 10%;
    width: auto;

}

.goback{

   }


.us-grid p{
    padding-left: .5em;
    padding-right: .5em;
}
.us-p{
        font-size: 1.2em;
      padding-left: .5em;
    padding-bottom: 1em;
    }
.big-us img{
    width: 95%;
    padding-right:0;
    padding-bottom: .7em;
}

.about {
    padding: 3em 2em 0 2em;
   font-size: .9em;
    text-align: justify;
}
.about p {
    padding: 0 2em;
    text-align: justify;
}


.testimonials {
  display:block;
     padding: 0 2em;
   font-size: .9em;
    text-align: justify;
}

.test-one,.test-two,.test-three,.test-four{
    margin: 0;
    padding: 2em 2em;
}


p.contact{
    font-size: .9em;
    padding: 1em 2em;
    text-align: center;

}

.contact a{
    font-size: .9em;
    color: #333333;
    padding: 0;
    margin:0;
    text-decoration: none;
}


form {
  /* Center the form on the page */
  margin: 0 1em;
  width: 100%;
  padding: 1em 0 0 0;
  border: none;
  border-radius: .5em;
  color:  #333333;
}

form div + div {
  margin-top: .5em;
}

label {
  font-size: .8em;
  padding: 0 0 0 1em;
}

.button-form {
    padding: .5em .5em ;
    border-radius: 5px;
}

}