/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 4 breakpoints
*/

h1, .h1 {
    font-size: 1.5em;
}

h2, .h2 {
font-size: 1.25em;
}

# contact_form input{

font-size:4vh;

}


#pre1{
background-color:#7C8386;
}

.socmed_icon{font-size:9vw;}

/*Ed Lock portrait*/
.elport_cont{
	margin-top:-1%;
}

.nav_bg{
	background-color:var(--HL_color_drk);	
	opacity:1;
}


.nav-link{
	padding-right:.8rem;
	padding-left: .8rem;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size:1.5em;
}

#pre_logotype{width:95%;}

.animated_text{
	font-weight:300;
    	font-size:6vw;
	line-height:1.1em;
	letter-spacing:0px;
	bottom:0%;
	margin-right:5%;
	margin-left:5%;
	width:80%;
}

	.carousel{top:20%;right:0px;width:100%;height:60%;}
	.carousel h4, #carousel_news_ex h4{color:#0D5972;font-size: 4.1vw;font-weight:400;}
	.carousel .media-body{color:#333;text-align:right;font-size:3.6vw;font-weight:300;}
	#carousel_news_ex .media-body{color:#000;font-size: 3vw;}


	#logo_cont{margin-top:3%;margin-right:-4%;width:62%;height:25%;}
	#video_main{margin-top:0px;}
	#on_x{top:-55px;width:100%;}

	.footer_logo{width:90%;margin-left:4%;}

	.narrow_block{width:100%;}


	.title_pad{
		margin-left:5%;
		margin-top:-15%;
		position:absolute;
	}


	.section_pad{
		margin-top:20%;
	}
	
	.section_title{
		font-size: 6.1vw;
	}

	.section_text, .body_block{
		font-size: 4.5vw;
		color:#333;
		font-weight:300;
		margin-right:0%;
		margin-left:0%;
	}

	.section_text h1{
		font-size: 4.75vw;
	}

	.section_text h2{
		font-size: 4.0vw;
	}

	.section_text h3{
		font-size: 3.5vw;
	}


	#form_container{
	width:90%;
	font-size:3.75vw;
	}

	#logo_careers{
		width:50%;
		margin-top:12%;
		margin-left:5%;
	}


/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 
 
/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  

#pre1{
background-color:#ACB3B6;
}

#pre_logotype{width:70%;}
.socmed_icon{font-size:5vw;}

	.nav-link{
		padding-right:.3rem !important;
		padding-left: .3rem !important;		
		padding-top: 18px;
		padding-bottom: 18px;
		font-size:1em;
	}


	.footer_logo{width:45%}

	#video_main{margin-top:0px;}
	#logo_cont{margin-top:4%;margin-right:2%;width:42%;height:20%;}
	#on_x{top:-16%;width:90%;margin-right:0;}

	#logo_careers{
		width:25%;
		margin-top:20%;
		margin-left:12%;
	}

	.oncologo{
		width:25%;
		height:auto;
	}

	#form_container{
	width:70%;
	font-size:1.75vw;
	}
	
	
	.title_pad{
		margin-left:5%;
		margin-top:0%;
		position:absolute;
	}


	.narrow_block{width:60%;}
	

	.section_pad{margin-top:20%;}

	.section_title{
		font-size: 4.1vw;
	}

	.section_text{
		font-size: 2.3vw;
		color:#333;
		font-weight:300;
		margin-right:10%;
		margin-left:10%;
	}

	.section_text h1{
		font-size: 3.0vw;
	}

	.section_text h2{
		font-size: 2.00vw;
	}

	.section_text h3{
		font-size: 1.50vw;
	}

	.animated_text{
	font-weight:300;
    	font-size:4vw;
	line-height:1.1em;
	letter-spacing:0px;
	bottom:0%;
	margin-right:5%;
	margin-left:5%;
	width:70%;
	}



	.carousel{top:20%;right:0px;width:70%;height:50%;}
	.carousel h4, #carousel_news_ex h4{color:var(--HL_color_drk);font-size: 2.1vw;font-weight:bold;}
	.carousel .media-body{color:#fff;text-align:right;font-size: 1.8vw;line-height:2vw;font-weight:300;}
	#carousel_news_ex .media-body{color:#000;font-size: 1.3vw;}
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  


	.nav_bg{
		background-color:#A2AEB2;
		background-color:var(--HL_color_drk);	
		opacity:.7;
	}


	#pre_logotype{width:50%;}

	.socmed_icon{font-size:3vw;}

	.animated_text{
	font-weight:300;
    	font-size:3vw;
	line-height:1.1em;
	letter-spacing:0px;
	bottom:0%;
	margin-right:5%;
	margin-left:5%;
	width:50%;
	}

	/*Ed Lock portrait*/
	.elport_cont{
	margin-top:-40%;
	}

	.nav-link{
		padding-right:.9rem !important;
		padding-left: .9rem !important;	
		padding-top: 5px;
		padding-bottom: 5px;
		font-size:1.1em;
	}


	.section_text{
		font-size: 1.53vw;
		color:#333;
		font-weight:300;
		margin-right:15%;
		margin-left:15%;
	}

/*
	h1, .h1 {
    	font-size: 2.5em;
	}

	h2, .h2 {
    	font-size: 2.0em;
	}
*/
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 


	.animated_text{
	font-weight:300;
    	font-size:2vw;
	line-height:1.1em;
	letter-spacing:0px;
	bottom:0%;
	margin-right:5%;
	margin-left:5%;
	width:40%;
	}



 
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  


	.section_text h1{
		font-size: 2em;
	}

	.section_text h2{
		font-size: 1.2em;
	}

	.section_text h3{
		font-size: 1.0em;
	}

	.section_title{
		font-size: 4.1vw;
		font-size: 3.5em;
	}

	.section_text{
		font-size: 2.3vw;
		font-size: 1.25em;		
		font-size: 1.3vw;

		color:#333;
		font-weight:300;
		margin-right:15%;
		margin-left:15%;
	}

	#form_container {
    	font-size: 1em;
	}

	.carousel .media-body {
    	font-size: 1.7em;
    	line-height:2vw;
	}
    
}
 
 
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (max-width: 950px) { 
 
}