/* Media Queries */

@media (min-width: 1016px) {
    #eventColumn {padding-right: 40px;}
    .presenterImg, .presenterTxt {padding-left: 0;}
    .icon2 {
	padding-top: 4em;
	padding-left: 0;
	}
    #presenters {
        .presenterTxt {
            padding-top: 10%;
            padding-left: 0;
            padding-right: 0;
        }
    }
h1 {font-size: 5rem;}
h2 {font-size: 3.75rem;}
h3 {font-size: 2.75rem;}
h4 {font-size: 2.25rem;}
h5 {font-size:1.675rem;}
h6 {font-size: 1.375rem;}

}
@media (min-width: 992px) {
    .sectionText {padding: 0 0;}
}
@media only screen and (max-width: 980px){
	#headlineText {padding: 2rem 0;}
	.mobileDisplay { display: block !important; padding: 0 0;}
	.mobileHide { display: none !important;}
	.icon {text-align: center;}		
}
@media only screen and (min-width: 768px) and (max-width: 959px) {
	#headline h1 {padding: 0!important;}
        #formColumn {padding-right: 15px;}
	img {margin: 0;}
	.col-sm-3 {width: 20% !important;}
	#presenterBox p {padding-top: 3em; text-align: left !important;}
	#section1, #section2, #section3, #section4 { 
		& .mobileWhite  {
			color: #fff;
		}
		max-height: 100%!important;
		}
	.gridItem{padding-bottom: 6em !important;}
	.rowBlock .col-md-6 {padding: 0 0em;}
	p {font-size: 1.75em !important;}
	h4 {font-size: 20px;}
		.button {
			font-size: 2rem;
			font-weight: 500;
		}
	.buttonSecondary{
		font-size: 2rem;
		font-weight: 500;
		}
	#heroImgOverlay2 img {width: 50% !important;}
}


@media only screen and (max-width: 767px){
	#headlineText {padding: 2rem 0;}
	#headline h1 {padding: 0!important;text-align: center;}
	.icon {text-align: center;}
	.icon2 {text-align: center;}
        #formColumn {padding-right: 15px;}
	img {margin: auto;}
	#subHeader h2 {letter-spacing: 1.3em;}
	#presenterBox {padding: 3rem;}
	#presenterBox2 {padding: 3rem;}
	#presenterBox h2 {padding-bottom: 2rem; text-align: center;}
	#presenterBox2 h2 {padding-bottom: 2rem; text-align: center;}
	#presenterBox img {width: 80%;}
        #presenterBox2 img {width: 80%;}
	#presenterBox p {padding-top: 1em;}
	#presenterBox2 p {padding-top: 1em;}
        .mobileHide { display: none !important;}
	.mobileDisplay { display: block !important; padding: 0 0;}
	#legalText {text-align: left;padding-left: 0;}
	#social {float: left;text-align: left;}
	#section1, #section2, #section3, #section4 { 
			& .mobileWhite {
			color: #fff;
			}
			max-height: 100%!important;
			}
	.gridItem{padding-bottom: 6em !important;}
	.rowBlock {padding: 0;}
	.rowBlock .col-md-6 {padding: 0 0 4rem 0;}
	#heroImgOverlay2 img {width: 50% !important;}
	.m-colBtm {padding-bottom: 3rem;}
}

@media only screen and (max-width: 480px){
	.mktoForm, .mktoForm * {padding: 0 !important;}    
	#legalText{text-align: left;padding-left: 0;}
	#social {float: left;text-align: left;}
	.mktoFieldDescriptor.mktoFormCol {width: 100%;}	
	.mktoForm .mktoFormRow .mktoFormCol {width: 100% !important;}
	.m-colBtm {padding-bottom: 4rem;}
	#heroBanner{padding-top:0!important; padding-bottom:0!important;}
	.mktoMobileShow .mktoForm, .mktoForm * {padding: 0 !important;}
}

@media only screen and (max-width: 479px){
	#headlineText {padding: 2rem 0;}
	#headline h1 {padding-top: 0em!important;text-align: center;}
	#heroBanner{padding-top:0!important; padding-bottom:0!important;}
	#headline {
		& h1 h2 h3 h4 p {
	    text-align: center;
		}
		}
	.icon {text-align: center;}
	.icon2 {
		padding: 2em 0 0 0;
	        margin: 0;
		}
        #formColumn {padding-right: 15px;}
	img {margin: auto!important;}
	#subHeader h2 {letter-spacing: 1.3em;}
	#presenterBox .col-md-6 {
        	padding-left: 0;
	        padding-right: 0;
	#presenterBox2 .col-md-6 {
	        padding-left: 0;
	        padding-right: 0;
		}
	#presenterBox {padding: 3rem;}
	#presenterBox2 {padding: 3rem;}
	#presenterBox h2 {padding-bottom: 2rem; text-align: center;}
	#presenterBox2 h2 {padding-bottom: 2rem; text-align: center;}
	#presenterBox img {width: 100%;}
	#presenterBox2 img {width: 100%;}
    	#presenterBox p {padding-bottom: .25em;}
	#presenterBox2 p {padding-bottom: .25em;}	
	#presenters{
	   #presenterTwo, #presenterThree, #presenterFour, #presenterFive, #presenterSix  {padding-top: 4rem;}
	   }
	.mobileHide { display: none !important;}
	.mobileDisplay { display: block !important; padding: 0 0;}
	#legalText {text-align: left;padding-left: 0;}
	#social {float: left;text-align: left;}
	#section1, #section2, #section3, #section4 { 
		& .mobileWhite  {
			color: #fff;
		}
		max-height: 100%!important;
		}
	.gridItem{padding-bottom: 6em !important;}
	.rowBlock {padding: 0;}
	.rowBlock .col-md-6 {padding: 0 0 4rem 0;}
	.m-colBtm {padding-bottom: 4rem;}
}

@media only screen and (max-width: 1015px){ .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12,.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
       width:100%; 
    }
.details h2{
   	margin-top: 0;
    	padding: 0.5em 0 0.5em 0.5em;
        text-align: left;
        font-size: 1.7em;
  	}
  	#submission-fu.details h2{
      	text-align:center;
    }
#fullWidth{
    	min-height: 0;
      	max-height: none;
      	background: none !important;
    }
#topNav {
        display: none !important;
    }
      
#success-message{
        padding-bottom:1em;
    }

#success-message{
        padding-bottom:1em;
    }

#date{
   	padding-bottom:2em;
}
.small6 {
    display: inline-block !important;
    float: left !important;
    width: 49% !important;
}
#lines {
        margin: 1.5em 1em 0 8em;
        border-bottom: 1.4em double #000;
        border-top: .5em solid #000;
        height: 2.4em;
        content: "";
        width: 45px;
	float: right;
}
/* mobile menu */
#mobileMenu ul li {
    padding: 1em;
    list-style-type: none;
}
#mobileMenu ul li a {
    color: #000;
    font-weight: 600;
    font-size: 1.1em;
}

}