.myVerticalCenteredButton {
  margin-top: -4px;
}

@media(max-width:576px) {
    .myVerticalCenteredButton {
        margin-top: 15px;
    }    
}

@media(min-width:576px) {
    #emailaddrForm label{
        margin-top: 10px;
    }     
}



.fa-fw {
  color: black;
}


@font-face{
	font-family: "CORPULENT-CAPS";
	src: url("fonts/corpulent-caps-brk.ttf")
}

@font-face{
	font-family: "CORPULENT-CAPS-SHADOW";
	src: url("fonts/corpulent-caps-shadow-brk.ttf")
}

@font-face{
	font-family: "THIRTEEN-PIXEL";
	src: url("fonts/thirteen-pixel-fonts-regular.ttf")
}


@font-face{
	font-family: "BUNGEE-SHADE";
	src: url("fonts/bungee-shade.ttf")
}

@font-face{
	font-family: "WAFER";
	src: url("fonts/wafer-regular.ttf")
}





header h1 {
	font-size: 49px!important; /*default was 72px but this is too thick for phones*/
  	color: #5EA618;
  	font-family: "CORPULENT-CAPS-SHADOW";	
	/*background: rgba(31,9,8,0.75);*/
	/*letter-spacing: 1.0em!important;
	text-align: center!important;
	text-indent: 0.5em!important;*/
	
}



.about h2 {
  /*color: rgb(204,204,204);*/
  color: #60A918;	
  /*color: #CCCCCC;*/
  /*color: rgba(0,0,0,0.0);*/
  /*background: rgba(31,9,8,0.6);*/
  /*background: #5EA618;*/
  font-family: "WAFER";
}

.about h3 {
  /*color: rgb(204,204,204);*/
  /*color: #1A3300;	*/
  color: #60A918;
  /*color: rgba(0,0,0,0.0);*/
  /*background: rgba(31,9,8,0.6);*/
  /*background: #5EA618;*/
  font-family: "CORPULENT-CAPS";
}

.about h4 {  
  color: #60A918;  
  font-family: "CORPULENT-CAPS";
}

.about p {  
  color: #60A918;  
  font-family: "CORPULENT-CAPS";
}


.callout h3{
	font-family: "THIRTEEN-PIXEL";
	color: grey;
}


.help-block{
  color: red;
}

.fa-ban{
  color: #C08765; 
  opacity: 0.95;	
  margin-left: -163px;
  margin-top: -397px;
  height: 1px; /* height and width do here not care about values, just to avoid it reaches over the templates border*/	 
  width: 1px;
}

@media (max-width: 321px){/*very small*/   
  .my-responsive-header-br{
    margin-top: 0px;
  }
  .header{
    max-height: 200px;
  }
}

@media (min-width: 321px){
  .my-responsive-header-br{
    margin-top: 10px;
  }
  .header{
    max-height: 300px;
  }
}


@media (min-width: 400px){
  .my-responsive-header-br{
    margin-top: 20px;
  }
  .header{
    max-height: 270px;
  }
}


@media (min-width: 900px){
  .my-responsive-header-br{
    margin-top: 50px;
  }
  .header{
    max-height: 400px;
  }
}

@media (min-width: 1300px){
  .my-responsive-header-br{
    margin-top: 80px;
  }
  .header{
    max-height: 500px;
  }
}

@media (min-width: 2600px){
  .my-responsive-header-br{
    margin-top: 100px;
  }
  .header{
    max-height: 700px;
  }
}


.my-video-image-backgound{
	z-index: 1;	
}

.my-video-image-overlay-button{
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	width: 100%; 	
  	z-index: 3;
}