.bgred {
	background-color: red;

}

body {
	/*overflow-x: hidden;*/
	backface-visibility: hidden;
}

.col-logos {
	text-align: center;
	margin-bottom: 200px;
	
	
	
}


@font-face {
    font-family: 'ClanWeb-Bold';
    src: url('../fonts/ClanWeb-Bold.woff') format('woff');
  }
  
 @font-face {
    font-family: 'ClanWeb-Book';
    src: url('../fonts/ClanWeb-Book.woff') format('woff');
  }
 
  
  h1,h2,h3 {
  	font-family: 'ClanWeb-Book',sans-serif;
  	font-size: 36px;
  	color: #878787;
  	
  }
  
  h4 {
  	font-family: 'ClanWeb-Book',sans-serif;
  		font-size: 20px;
  		color: #878787;
  		/*text-align: left;*/
  		margin-top: 50px;
  		
  		
  }
  
  p {
  	font-family: 'ClanWeb-Book',sans-serif;
  	color: #878787;
  	/*text-align: left;*/
  	
  	display: inline-block;
  
  	
  	
  }
  
  
  
  .lined-crest-text {
  	display: block;
  	width: 60%;
  	height: 16px;
  	text-align: center;
  	
  	border-bottom: 1px solid #878787;
  	margin: 50px auto;
  	margin-bottom: 200px!important;
  	
  }
  
  .lined-crest-text h1 {
  		display: inline;
  			
  		background-color: #ffffff;
  		padding-left: 16px;
  		padding-right: 16px;
  		white-space: nowrap;
  		
  		
  
  }
  
  .am-logo {
  	margin-bottom: 100px;
  	-webkit-animation-delay: .6s;
  		-moz-animation-delay: .6s;
  		-o-animation-delay: .6s;
  		animation-delay: .6s;
  		
  }
  
  /*.lf-logo, .murch-logo, .raketen-logo, .aiple-logo, .vita-logo {
  	-webkit-animation-delay: .6s;
  				-moz-animation-delay: .6s;
  				-o-animation-delay: .6s;
  				animation-delay: .6s;
  }*/
  
  .logo-ani {
  	-webkit-animation-delay: .6s;
  					-moz-animation-delay: .6s;
  					-o-animation-delay: .6s;
  					animation-delay: .6s;
  					padding-top: 100px;
  					
  }
  
  .lf-logo {
  	margin-bottom: 25px;
  	
  }
  
  .lf-logo img, .murch-logo img {
  	-webkit-transition : all 200ms ease-out;
  		  -moz-transition : all 200ms ease-out;
  		  -o-transition : all 200ms ease-out;
  		  transition : all 200ms ease-out;
  }
  
  .lf-logo img:hover , .murch-logo img:hover{
/*  	width: 240px;*/
  	
  }
  
  .lf-logo img {
  	margin: 0 auto;
  }
  
  
  .trenner {
  	width: 222px;
  	margin: 0 auto;
  	height: 20px;
  	margin-bottom: 20px;
  	border-bottom: 1px solid #878787;
  	-webkit-animation-delay: .6s;
  					-moz-animation-delay: 1s;
  					-o-animation-delay: 1s;
  					animation-delay: 1s;
  }
  
  
  @media (max-width:767px) {
  	
  	
  	.lined-crest-text {
  	
  	width: 100%;
  	
  	}
  	
  	
  	
  }
  
  
  @media (max-width: 480px) {
  
  .lined-crest-text {
  height: 10px;
  }
  
  .lined-crest-text h1 {
  	
  	font-size: 22px;
  	
  }
  
  
  }