.red{
		background:#D32333 !important;
	}
	#header{
		padding-top:35px;
		padding-bottom:25px;
	}
	#hero{
		background:#000 url("src/hero.jpg");
		background-size:cover;
		background-position:top center;
		overflow:hidden;
		height:100vh;
	}
	
	#hero_bg{
		width:100%;
		height:100%;
		background-color:rgba(0, 0, 0, 0.2);
	}
	
	
	#hero h1{
		text-align:center;
		height:100%;
		width:100%;
		line-height:80px;
		font-weight:800;
		color:#FEFEFE;
		font-size:50px;
		padding:100px 0; 
	}
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	#hero h1{
		font-size:80px;
		padding:150px 0; 

	}

}	
	#about {
		background:#F0F0F0;
		padding:100px 0;
		width:100%;
	}
	
	
	
	#about .main{
		background: url("src/about.jpg");
		background-color:rgba(0, 0, 0, 0.2);
		background-size:cover;
		width:100%;
		padding:20%;
		text-align:center;
		color:#fff;
	}
	
	#about h2{
		text-transform:uppercase;
		font-size:45px;
		line-height:150px;
	}
	
	.motto{
		padding:50px 0;
		text-align:center;
	}
	.motto h5{
	}
	
	
	.h1-title{
		font-family:arial;
		text-transform:uppercase;
		font-weight:bold;
		color:#D42334;
		font-size:40px;
		text-align:center;
		padding:100px 0;
	}
	
	
	.my-box{
		margin-bottom:60px;
	}
	.my-box .text{
		color:#fff;
		padding:50px 100px;
		min-height:30vh;
	}
	.my-box-red{
		background:#D42334;
	}
	.my-box-gray	{
		background:#2C2C2C;
	}
	
	#footer{
		background:#F0F0F0;
		padding:20px 0;
	}
	
	#footer h1{
		padding:50px;
	}
	
	.my-box .image{
		height:40vh;
		width:100%;
		background-size:170% auto;
		background-repeat:no repeat;
	}
	
@media (min-width:801px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ 
	.my-box .image{
		background-size:100% auto;
		background-repeat:no repeat;
	}

}





.btn-mybtn {
    margin: 3px;
    min-width: 180px;
    background-color: #D21E24;
    color: #fff;
}