/* CSS Document */
body{
	font-size: 100%;
	background-image: url("../body/BackFire1024.jpg");
	background-size: cover;
}





.header {
	background-image: url(../body/fireKopf.jpg);
	background-size: cover;
	margin: 0px;
	padding: 0px;
	color: white;	

}

.headercontent{
	padding: 1% 0%;
	text-align: center;
}



.content{
	background-image: image(../body/backfire1024.jpg);
	background-size: cover;
	z-index:500;
	background-color: rgba(0,0,0, 0.7);
	padding-top: 15px;
	margin-left: auto;
	margin-right: auto;color: white

	
}

.image_hover {
  opacity: 1.0;
  display: block;
  width: 100%;
  height: auto;
  transition: .5s ease;
  backface-visibility: hidden;
	border-radius: 7%;
		-webkit-box-shadow: 0px 7px 42px 10px rgba(0,0,0,0.53);
	-moz-box-shadow: 0px 7px 42px 10px rgba(0,0,0,0.53);
	box-shadow: 0px 7px 42px 10px rgba(0,0,0,0.53);
	
}

button {
	margin-bottom: 15px;
}
.image_hover:hover  {
  opacity: 0.7;
}


		.row-eq-height {
  			display: -webkit-box;
  			display: -webkit-flex;
  			display: -ms-flexbox;
  			display:         flex;
}

.float_left{
	float:left;
}

button {background-color:darkgray;
				border-radius: 10px;}
button:hover {
			background-color: dimgray;
			-webkit-box-shadow: inset 0px 0px 107px -14px rgba(0,0,0,0.73);
			-moz-box-shadow: inset 0px 0px 107px -14px rgba(0,0,0,0.73);
	box-shadow: inset 0px 0px 107px -14px rgba(0,0,0,0.73);}

.text_center{
	text-align: center;
}
	
	h2.text-shadow {
	color: #ffffff;
	text-shadow: #A3A3A3 -1px 5px 6px;
}

@media screen and (min-width:200px){
			.text, p, {font-size: 80%;} 
			ul, li {font-size: 90%; font-weight: bold;} 
			.s_link {font-size: 60%;}
			.headercontent {font-size:110%;}
				.container-fluid {padding: 0 0;}
						h2 {font-size:  120%; font-weight: bold;}
						h3 {font-size:  140%; font-weight: bold;}
		}

@media screen and (min-width:576px){
			.text, p, {font-size: 100%;} 
			ul, li {font-size: 110%; font-weight: bold;}
			.s_link {font-size: 90%;}
			.headercontent {font-size:120%;}
				.container-fluid {padding: 0 0;}
						h2 {font-size:  140%; font-weight: bold;}
						h3 {font-size:  130%; font-weight: bold;}
	
		}

@media screen and (min-width:768px){
			.text, p, ul, li {font-size: 90%;} 
			ul, li {font-size: 100%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:160%;}
				.container-fluid {padding: 0 0;}
						h2 {font-size:  190%; font-weight: bold;}
						h3 {font-size:  170%; font-weight: bold;}
			
		}
			
		
@media screen and (min-width:849px){
			.text, p, {font-size: 95%;}
			ul, li {font-size: 105%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:180%;}

						h2 {font-size:  190%; font-weight: bold;}
						h3 {font-size:  170%; font-weight: bold;}
		}		

@media screen and (min-width:990px){
			.text, p, {font-size: 110%;} 
			ul, li {font-size: 120%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:180%;}

						h2 {font-size:  170%; font-weight: bold;}
						h3 {font-size:  150%; font-weight: bold;}
		
		}

@media screen and (min-width:992px){
			.text, p,{font-size: 110%; } 
			ul, li {font-size: 120%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:190%;}

						h2 {font-size:  140%; font-weight: bold;}
						h3 {font-size:  120%; font-weight: bold;}
			
		}

@media screen and (min-width:1070px){
			.text, p, {font-size: 110%; } 
			ul, li {font-size: 120%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:200%;}

						h2 {font-size:  140%; font-weight: bold;}
						h3 {font-size:  120%; font-weight: bold;}
			
}
				
@media screen and (min-width:1200px){
			.text, p, {font-size: 70%;	} 
			ul, li {font-size: 80%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:210%;}
						h2 {font-size:  150%; font-weight: bold;}
						h3 {font-size:  130%; font-weight: bold;}
	}

@media screen and (min-width:1300px){
			.text, p, {font-size: 80%;}
			ul, li {font-size: 90%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:220%;}

						h2 {font-size:  150%; font-weight: bold;}
						h3 {font-size:  120%; font-weight: bold;}
	}

@media screen and (min-width:1400px){
			.text, p, {font-size: 85%;} 
			ul, li {font-size: 95%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:230%;}

						h2 {font-size:  160%; font-weight: bold;}
						h3 {font-size:  140%; font-weight: bold;}
	}

@media screen and (min-width:1500px){
			.text, p, {font-size: 90%;} 
			ul, li {font-size: 100%; font-weight: bold;}
			.s_link {font-size: 100%;}
			.headercontent {font-size:240%;}
						h2 {font-size:  170%; font-weight: bold;}
						h3 {font-size:  140%; font-weight: bold;}
	.footer {padding-left: 50px;
			padding-right: 50px;}
	
}
	





/**************** Headercontend 
@media screen and (min-width:768px){
			.headercontent {font-size: 1.6em;} 
		}

@media screen and (min-width:800px){
			.headercontent {font-size: 1.6em;
			} 
		}

@media screen and (min-width:849px){
			.headercontent {font-size: 1.4em;
			} 
		}
@media screen and (min-width:992px){
			.headercontent {font-size: 0.9em;
			} 
		}
					@media screen and (min-width:1070px){
			.headercontent {font-size: 1.1em;
			} 
		}
				@media screen and (min-width:1200px){
			.headercontent {font-size: 1.2em;
			} 
		}
					@media screen and (min-width:1300px){
			.headercontent {font-size: 1.3em;
			} 
		}
					@media screen and (min-width:1400px){
			.headercontent {font-size: 1.5em;
			} 
		}
				@media screen and (min-width:1500px){
			.headercontent {font-size: 2em;
			} 
		}

*****/



.footer{
	background-color:  #333;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
}

.footer_left{
	padding-left: 10px;
	text-align: left;
	color: white;
}

.footer_center{
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	color: white;
}

.footer_right{
	
	text-align: right;
	color: white;
}