@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 (min-width: 1400px) {



}



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

/*#left {

	background-color: red;
}*/

#content,
#copyright,
#hero,
#heroStrip,
section,
footer,
header {

width:100%;
max-width: calc(100% - 50px);
}


}




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

/*#left {

	background-color: orange;
}*/



}


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

.ubermenu-skin-minimal .ubermenu-item-level-0:hover > .ubermenu-target {
color: #c71a1f;
background-color:#333333;


}

}

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

/*#left {

background-color: brown;
}*/

}
@media screen and (max-width: 1130px) {
/*	#left {
background-color: yellow;
}*/

.archive article:nth-of-type(-n+3) h2,
.archive article h2 {

font-size:2.5em;
}
}

@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;
}*/



}

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


}

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

/*#left {
background-color: indigo;
}*/



}

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


}

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




}

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

/*#left {

background-color: red;
}*/



}

@media screen and (max-width: 830px) {
/*	#left {

background-color: orange;
}*/

h1,
#hero h1,
#hero p.hero {
}

#hero p.heroBlurb {

}

#hero .heroSearches {

}

.home #heroContainer {


}

.articles article {
    width: 48%;
    float: left;
    margin-right: 4%;
}

.articles article:nth-of-type(2n+2) {
margin-right:0;
}

.articles article:nth-of-type(2n+3) {
clear:both;
}

.speakers article,
.partners article {
width:22%;
float:left;
margin-right:4%;
}

.speakers article:nth-of-type(4n+5),
.partners article:nth-of-type(4n+5) {
clear:both;
}

.speakers article:nth-of-type(4n+4),
.partners article:nth-of-type(4n+4) {
margin-right:0;
}

.speakers article:nth-of-type(5n+6),
.partners article:nth-of-type(5n+6)  {
clear:none;
}

.speakers article:nth-of-type(5n+5),
.partners article:nth-of-type(5n+5) {
margin-right:4%;
}

.contact article {
    width: 100%;
    margin-right: 0;
}


.benefitLeft {
float:left;
width:100%;
margin-right:0;
}

.benefitRight {
float:left;
width:100%;
}

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




}

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

/*	#left {


background-color: brown;
}*/
#kn-app-mobile-container{
display:none !important;
}



}

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

/*#left {
	background-color: green;
}*/
.heroSearches a:last-of-type {
display:none;
}

}

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

/*#left {
	background-color: blue;
}*/

h1,
#hero h1,
#hero p.hero {

}
#hero p.heroBlurb {
width:100%;
font-size: 1.6em;
font-weight:600;
line-height:140%;
margin-bottom:15px;
}


.home #heroContainer {
padding-top:90px;
height:590px;

}

#heroStrip p {
font-size:2.4em;
margin-top:1em;
}

section.sectionLeft,
section.sectionRight {
width:100%;
float:left;
}

.sectionContainer.cta p {
font-size:2.4em;
line-height:125%;
}
}

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

/*#left  {
	background-color: black;
}*/

#primary #topMenu {
width:100%;
margin-top:-30px;
background-color:#000000;
}

.intelligentInsurer {
float:none;
}

.intelligentInsurer img {
margin-left:auto;
margin-right:auto;
display:block;
width:300px;
height:auto;
}

main {
margin-top:150px;
}

}

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

}

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

/*#left {
	background-color: red;
}*/
.articles article {
    width: 100%;
    margin-right: 0;
}

.articles article img {
max-width:250px;
}

.speakers article,
.partners article {
width:48%;
margin-right:4%;
}

.speakers article:nth-of-type(2n+3),
.partners article:nth-of-type(2n+3) {
clear:both;
}

.speakers article:nth-of-type(2n+2),
.partners article:nth-of-type(2n+2) {
margin-right:0;
}


}

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

/*#left {
	background-color: orange;
}*/



}

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

/*#left {
	background-color:grey;

}*/

.speakers article,
.partners article {
width:100%;
margin-right:0;
}

#hero p.hero {
font-size: 5em;
font-weight:700;
}

.home #heroContainer {
height:500px;
}

.home #hero {
height:300px;
}

#heroStrip p {
margin-top:0.7em;
}


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



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

/*#left {
	background-color:brown;
	}*/
}