/* Put your custom css here */

h1 {  font-size: 10px; }

.row2  { 
   width: 60%;
   height: 60%;
text-align: center;
  margin-left: auto ;
  margin-right: auto ;
}

.row3  { 
   width: 100%;

text-align: center;
  margin-left: auto ;
  margin-right: auto ;
}

h1.large {
  /* WebKit (Safari/Chrome) Only */
  -webkit-text-stroke: 1px black;
  
  /* If we weren't using text-shadow, we'd set a fallback color
     and use this to set color instead
    -webkit-text-fill-color: white; */
  color: white;
  opacity: 0.8;
  
  text-shadow:
    3px 3px 0 #000,
    /* Simulated effect for Firefox and Opera
       and nice enhancement for WebKit */
   -1px -1px 0 #000,  
    1px -1px 0 #000,
   -1px  1px 0 #000,
    1px  1px 0 #000;
}



.lead2 {

	background-color: rgba(0,0,0,.5);

}

a.nothing {
	color: #FFF;	
	
	}
	
	
.video-container {
    position: relative;
    padding-bottom: 50.0%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

	
@media (max-width: 480px) {
#headerimage { display: none; }
h1 {  font-size: 10px; }
}