/** Wednesday, January 11, 7:54 am **/
 
.cr-item-container { right:0; width:40%; }

#videowrapper{  
	height: 56vw;
	width: 100vw;
	position: relative;
	overflow: hidden;
	} 
	
#fullScreenDiv{   
	height: 60vw;
	width: 100vw;
	padding:0;
	margin: 0;
	background-color: #00629B;
	background-image: url("/_images/homepage/homepage_hero-12-1-22.jpg");
	background-position: center; /* Center the image */
	background-repeat: no-repeat; /* Do not repeat the image */
	background-size: cover; /* Resize the background image to cover the entire container */
	position: relative;
	}
	
#b-rollvideo{     
	width: 140vw;
	height: 63vw;
	margin: auto;
	display: none;
	}
	

#videoMessage, .homePageBlueBox{ 
	width: 95%;  
	height: auto; 
	position: absolute;  
	top: 5%;  
	left: 55%;  
	display: flex; 
	flex-direction: column; 
	} 
	
main > .layout-container { 
	width: auto !important;
	max-width: 500000px !important;
	}
  
section.jumbotron-news{ 
	max-width:1200px;
	margin:0 auto;
	}

.homePageBlueBox{ 
    background-color: transparent !important;
    border: none !important;
    left: auto !important;
    }

h1.rt-text-light, p.rt-text-light{
	-webkit-text-shadow:  1px 1px 5px #666;
	text-shadow:  1px 1px 5px #666;
	}

h1.rt-text-light{
   color:#fff;  
   text-transform: uppercase !important; 
   font-weight: 700;   
   font-size: 35px;  
   line-height: 1;
   }

p.rt-text-light{
   color:#fff; 
   display:none;
   max-width:550px;
   }
   
.homePageBlueBox h1.rt-text-light {
    width: 100%;
}   
   
@media (min-aspect-ratio: 16/9) { 
	#b-rollvideo{ 
		width: 68vw;
		height: 30vw;
		} 
	}

@media (min-width: 500px) { 

h1.rt-text-light{
   font-size: 45px;  
   line-height: 1.1;
   }
   
.homePageBlueBox h1.rt-text-light {
	width: 85%;
	}     

	#videowrapper{  
		height: 50vw;
		height: 45vw;
		width: 100vw;
		}
	
	#b-rollvideo{     
		width: 106vw;
		height: 45vw;
		}
	}

/* IF the viewport is 540px or bigger */
@media (min-width: 540px) { 
	#videowrapper{  
		height: 35vw;
		width: 100vw;
		}
	#fullScreenDiv{   
		height: 45vw;
		width: 100vw;
		background-image: none;
		}
	
	#b-rollvideo{     
		width: 100vw;
		height: auto;
		display:block;
		}
	h1.rt-text-light{
	   color:#fff;  
	   font-size: 55px;  
	   margin-top:0;
	   margin-bottom:0;
	   }

	p.rt-text-light{ 
	   margin-bottom: 15px; 
	   font-size: 16px; 
	   font-weight: 200;
	   }
   
	.homePageBlueBox p + a {
		margin: 0 25px 25px 25px;
		}  
		
	.nav>li>a {
		padding:7px;
		padding-top:12px;
		padding-bottom: 2px;
		font-size:.75em;
		}	 
	}
	
/* IF the viewport is 768px or bigger */
@media (min-width: 768px) { 
	#videoMessage, .homePageBlueBox {
		width:50%;
		}

	h1.rt-text-light{
		color:#fff;  
		font-size: 45px; 
		margin-top: 20px;
		margin-bottom: 10px; 
		}

	p.rt-text-light{
   
	   }
	   
	.homePageBlueBox p + a {
		margin: 25px 0;
		float: none;
		}    
		
	.nav>li>a {
		padding-top:15px;
		padding-bottom: 15px;
	
		}	
		
	}
	
/* IF the viewport is 990px or bigger */
@media (min-width: 990px) { 
	#videoMessage, .homePageBlueBox {
		width:40%;
		top:15%;
		}
	h1.rt-text-light{
	   color:#fff;  
	   margin-top: -20px;
	   }

	p.rt-text-light{
	
	   }
	.nav>li>a {
	    padding: 10px 15px;
		padding-top:15px;
		padding-bottom: 15px;
		font-size:.9em;
		}   
	}

/* IF the viewport is 1200px or bigger */
@media (min-width: 1200px) { 

	#videoMessage, .homePageBlueBox {
		width:40%;
		}

	h1.rt-text-light{
	   color:#fff;  
	   font-size:55px;
	   }

	p.rt-text-light{
	
	   }
	.nav>li>a {
		font-size:1em;
		}     
	}
	
/* IF the viewport is 1450px or bigger */
@media (min-width: 1450px) { 

	#videoMessage, .homePageBlueBox {
		width:40%;
		}
	
	h1.rt-text-light{
		color:#fff; 
		font-size:65px; 
		}

	p.rt-text-light{

		}
	}