@font-face {
	font-family: 'futura';
	src:  url('../fonts/FuturaPTBook.woff') format('woff');
}
@font-face{
	font-family: 'futuraPTMedium';
	src: url('../fonts/FuturaPTMedium.woff') format('woff');
}

html,body{
	height:100%;
	font-family: 'futuraPTMedium';
}

hr{
	width: 50%;
}

.font2{
	font-family: 'futura';
}
.link a{
	text-decoration: none;
	color: black;
}
.link a:hover{
	text-decoration: none;
	color: grey;
}

.hero{
	margin-top: 38px;
	height:100%;
	background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.red{
	color: #EC2024;
}

.padding{
	padding:10%;
}

.padding-sm{
	padding:2%;
}
.margin{
	margin:auto;
}

.red-button{
	text-decoration: none;
	background-color: #EC2024;
	color: #FFFF;
	padding:2px; 
}

.red-button:hover{
	text-decoration: none;
	background-color: #EC2024;
	color: black;
	
}

.vl {
    border-left: 2px solid grey;
    height: auto;
}
/*#certification{
	background-color: #F5F5F5;
}*/
/*#hero{
	background-image: url("../images/Hero_1.jpg");
	color: white;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
    height:100%;
    width:100%;
}*/

#about{
	background-image: url("../images/about.jpg");
	color: white;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
}

#faq{
	background-image: url("../images/faq.jpg");
	color:white;
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
}

#contact{
	font-family: 'futura';
	background-image: url("../images/contact.jpg");
	background-size: cover;
	background-position: center;
    background-repeat: no-repeat;
}

.dynamic-text{
	font-size: 30px;
}
.footer{
	background-color: #383838;
	color:#FFFF;
}
.white{
	color:#FFFF;
}
.white:hover{
	color:#EC2024;
}

.footer i {
	color:white;
}

/*change hero image based on viewport*/
@media screen and (max-width: 767px){   
    #hero{      
        background-image:url("../images/Hero-Mobile-v2.svg");
        color: white;
		background-size: contain;
		background-position: top;
	    background-repeat: no-repeat;
	    width:100%;
	    height:50%;
	    padding: 0px;
	    margin:0px;
    } 

    .dynamic-text{
	font-size: 20px;
	}

	#info{
		text-align: center;
	}
}

@media screen and (min-width: 768px) {      
    #hero{      
       	background-image:url("../images/Hero-Mobile-v2.svg");
       	color: white;
		background-size: cover;
		background-position: center;
	    background-repeat: no-repeat;
	    width:100%;
	    height:50%;
	    padding:0px;

     } 

    .dynamic-text{
		font-size: 22px;
	}

	#info{
		text-align: center;
	}
} 
@media (min-width: 992px){      
     #hero{        
        background-image:url("../images/Hero_1.jpg");  
        color: white;
		background-size: cover;
		background-position: center;
		background-repeat: no-repeat;
		height:60%;
		width:100%;
		padding:0px;
      } 
}
@media (min-width: 1200px) {    
     #hero{         
       	background-image:url("../images/Hero_1.jpg"); 
       	color: white;
		background-size: cover;
		background-position: center;
	    background-repeat: no-repeat;
	    height:100%;
	    width:100%;  
     } 
}