@charset "UTF-8";
/* CSS3 Document */

@font-face {
	font-family: "athelas", serif;
	src: url(https://typekit.com/fonts/athelas);
	font-style: normal;
	font-weight: 400;
}




html,
html * {
	padding: 0;
	margin: 0;
	box-sizing: border-box;
	font-family: "athelas"; color:  "#8a8c8f";
}
       

img {
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	
}


header {
	padding: 22px;
	
}

        
h1      {
        color: #be1e2d;
        font-family: "athelas";
        font-size: 25px;
		text-align: center;
		padding: 90px 20px 20px 20px;
	
        }
   
h2      {
        color: #41393d;
        font-family: "athelas";
		font-size: 20px;
		text-align: center;
		padding: 40px; 
        }
h3 {
	color: #41393d;
	font-family: "athelas";
	font-size: 15px;
	text-align: center;
	padding: 20px;
	text-transform: uppercase
}

p       {
        color: #41393d;
        font-family: "athelas"; 
		padding: 10px;
		text-align: center;
        }
        

.style-nav ul      {
        list-style-type: none;
        }

.style-nav ul li a    {
        display: block;
        color: #8a8c8f;
        text-align: center;
        text-decoration: none;
		text-transform: uppercase;
		padding: 8px;
		font-family: "athelas";
		font-weight: 700;
		font-size: 18px;
        }


.style-logo {
	margin-left: auto;
	margin-right: auto;
	display: block;
	width: 192px;
	}
      
footer  {
        background-color: #be1e2d;
        text-align: center;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
        }

#paragraph-footer  
        { 
        color: white;    
        }



.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;;
}




.about_text {
	background-color: none;
	padding: 30px 20px 60px;
	
}

.col {
		width: 100%;
	}



/* Tablet View */

@media (min-width: 768px){
	.style-nav ul li {
		display: inline-block;
	}
	
	.style-nav ul {
		text-align: center;
	}
	
	
	.col-md-one-half {
		width: 50%;
	}
	
	.col {
		float: left;
		padding: 0px 7px 14px;
	}
	
}



/* Desktop View */

@media (min-width: 1024px){
	
	.style-logo {
		float: left;
	}
	
	.style-nav {
		float: right;
	}
	
	body {
		max-width: 1200px;
	}
	
	body {
	margin-left: auto;
	margin-right: auto;
}
	.col-lg-one-fourth {
		width: 25%;
	}
	
}