@media screen and (max-width: 1800px) {


}

@media screen and (max-width: 1700px) {

}

@media screen and (max-width: 1600px) {

}

@media screen and (max-width: 1500px) {

}

@media screen and (max-width: 1400px) {

}



@media screen and (max-width: 1350px) {

/*#left {

	background-color: red;
}*/

header {
margin-left:25px; 
margin-right:25px;
width:100%;
max-width: calc(100% - 50px);
}

.container {
padding-left:25px !important;
padding-right:25px !important;
width:100%;
max-width: calc(100% - 50px);
}

#hero {
margin-left:25px; 
margin-right:25px;
width:100%;
max-width: calc(100% - 50px);
}

footer {
margin-left:25px; 
margin-right:25px;
width:100%;
max-width: calc(100% - 50px);
}

#headerContainer.sticky #headerRight {
width: calc(100% - 150px);
}

.foot article a.btn {
font-size:90%;
}

.home article {
width:30%;
height:750px;

}

.home article:nth-of-type(3),
.home article:nth-of-type(6) {
margin-right:0;
}

.home article:nth-of-type(4) {
margin-right:4%;
}

}




@media screen and (max-width: 1230px) {

/*#left {

	background-color: orange;
}*/



}


@media screen and (max-width: 1200px) {

.home article {
width:30%;
height:770px;

}

.smartphoneLandscape {
display:none;
}

.smartphonePortrait {
display:block;
}

}

@media screen and (max-width: 1180px) {

/*#left {

background-color: brown;
}*/

}
@media screen and (max-width: 1130px) {
/*	#left {
background-color: yellow;
}*/

#container2 {
height:auto;
padding-left:25px;
padding-right:25px;
width:100%;
max-width: calc(100% - 50px);
}

.contentLeft#content2Left p {
padding-right:0;
margin-right:0;
}

#content2Right {
width:100%;
}

.home article {
width:30%;
height:790px;

}
}

@media screen and (max-width: 1100px) {
/*	#left {
background-color: ochre;
}*/

}

@media screen and (max-width: 1080px) {

/*#left {
background-color: green;
}*/

}

@media screen and (max-width: 1030px) {
/*	#left {
	background-color: blue;
}*/

.foot article a.btn {
font-size:90%;
}

.home article {
width:48%;
height:700px;

}

.home article:nth-of-type(2),
.home article:nth-of-type(4),
.home article:nth-of-type(6),
.home article:nth-of-type(8) {
margin-right:0;
}

.home article:nth-of-type(3) {
margin-right:4%;
}


#footerLeft,#footerRight {
float:left;
width:100%;
}

#footerRight p {
text-align:left;
}

}

@media screen and (max-width: 1000px) {


}

@media screen and (max-width: 980px) {

/*#left {
background-color: indigo;
}*/



}

@media screen and (max-width: 930px) {

#left {

/*	background-color: violet;*/
	width: calc(100% - 50px);
}


.home article {
height:700px;

}
}

@media screen and (max-width: 900px) {

#hero h1 {
margin-top: 120px;
}

.testimonial {
width: 100%;
margin-right:0;

}

.testimonial p {
text-align:center;
}

.testimonial:last-of-type {
display:none;
}


}

@media screen and (max-width: 880px) {

/*#left {

background-color: red;
}*/



}

@media screen and (max-width: 830px) {
/*	#left {

background-color: orange;
}*/


}

@media screen and (max-width: 800px) {

.home #hero {
display:block;
min-height:200px;
}
  
#hero h1 {
font-size: 3.6em;
font-weight:700;
    letter-spacing: normal !important;
    text-transform: none !important;
	width: 100%;
margin-left:0;
margin-right:0;
max-width:100% !important;
float:left;
clear:left;
margin-top:60px;
  }

#hero h1 a:hover {
text-decoration:none;
}


#content6Left,
#content6Right {
width:100%;
}

#content6Left img,
#content6Right img {
max-width:100%;
float:none;
}

}

@media screen and (max-width: 780px) {

/*	#left {


background-color: brown;
}*/

.home article {
height:720px;

}

}

@media screen and (max-width: 730px) {

/*#left {
	background-color: green;
}*/

#container3 {
height:auto;
padding-left:0 !important;
padding-right:0 !important;
max-width: 100%;
}
#content3Left{
padding-left:25px;
padding-right:25px;
width:100%;
max-width: calc(100% - 50px);
}

#content3Left p {
padding-right:0;
}

#content3Right {
width:100%;
}

#container5 {
height:auto;
padding-left:0 !important;
padding-right:0 !important;
max-width: 100%;
}
#content5Left{
padding-left:25px;
padding-right:25px;
width:100%;
max-width: calc(100% - 50px);
}

#content5Left p {
padding-right:0;
}

#content5Right {
width:100%;
}

}

@media screen and (max-width: 695px) {

/*#left {
	background-color: blue;
}*/

#hero h1 {
font-size: 3.4em;
}
#secondaryLogos {
width:auto;
}


.home article {
height:770px;

}

}

@media screen and (max-width: 650px) {

/*#left  {
	background-color: black;
}*/

#hero h1 {
margin-top:40px;
}

.home article {
width:100%;
height:auto;
margin-right:0;
padding-bottom:60px;

}

.home article:nth-of-type(2),
.home article:nth-of-type(4),
.home article:nth-of-type(6),
.home article:nth-of-type(8) {
margin-right:0;
}

.home article:nth-of-type(3) {
margin-right:0;
}


}

@media screen and (max-width: 580px) {

.sticky #mainLogo {
float:left;
}


#mainLogo {
float:none;
margin: 15px auto 20px auto;
}

.home article.panel {
width:100%;
height:auto;

}

#hero h1 {
margin-top:25px;
}

#secondaryLogos {
display:none;
}

}

@media screen and (max-width: 530px) {

/*#left {
	background-color: red;
}*/

.home #hero {
min-height:140px;
}
#hero h1 {
margin-top:10px;
font-size: 2.8em;
}
}

@media screen and (max-width: 480px) {

/*#left {
	background-color: orange;
}*/



}

@media screen and (max-width: 450px) {

/*#left {
	background-color:grey;

}*/




}
@media screen and (max-width: 378px) {



}
@media screen and (max-width: 330px) {

/*#left {
	background-color:brown;
	}*/
}
