body {background-color: #F8F8F8;}

.header{
text-align: center;padding-top: 5%;
}

.header h1{
	font-family: 'brandon_text_regularregular';
	font-size: 3.5em;
	letter-spacing: 8px;
}
	.header h2{
	font-family: 'freightdispmediumitalicRg';
	font-size: 3.1em;
font-weight: 500;
	}

	.seperator{
		border-bottom:2px solid #000;
		height: 30px;
		width: 55px;
		margin: 0 auto;



	}

	.header h3{
	font-family: 'freightdispmediumitalicRg';
	font-size: 2.2em;
font-weight: 500;
margin-top: 33px;
	}

	.header ul {list-style: none;color:#2e3192;
	font-family: 'brandon_text_regularregular';
	letter-spacing: 3px;
font-size: 1.5em;
padding-left: 0px;
margin-bottom: 50px;}


.content{text-align: center}
.content img{

margin-bottom: 50px !important;
margin: 0 auto;


}

.content-text{
font-size:2.5em; 
font-family: 'freightdispmediumitalicRg';
width:40%;
text-align: center;
margin: 0 auto;



}

.content button{background: #fff;
border:3px solid #000;
padding: ;
font-family: 'brandon_text_regularregular';
font-size: 1.4em;
font-weight: bold;
border-radius: 0px;
padding: 10px 40px;
border-radius: 0px;
margin-bottom: 50px;
margin-top: 30px;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
}

.content button:hover{background: #000;color:#fff;}
button.btn a {color:black;text-decoration: none; letter-spacing: 3px;}
button.btn a:hover {color:white;text-decoration: none;}

.content .btn a{background: #fff;
border:3px solid #000;
padding: ;
font-family: 'brandon_text_regularregular';
font-size: 1.4em;
font-weight: bold;
border-radius: 0px;
padding: 10px 40px;
border-radius: 0px;
margin-bottom: 50px;
margin-top: 30px;
-webkit-transition: background-color .3s;
-moz-transition: background-color .3s;
-o-transition: background-color .3s;
transition: background-color .3s;
}

.content .btn {padding: 2% 0 7% 0;}
.content .btn a:hover{background: #000;color:#fff;}
div.btn a {color:black;text-decoration: none; letter-spacing: 3px;}
div.btn a:hover {color:white;text-decoration: none;}



.map{width:88%;height: 600px;
margin: 0 auto;}

.footer{background: #000842;
text-align: center;
color:#fff;
margin-top: 50px;}

.adress{font-size: 1.5em;
font-family: 'brandon_text_regularregular';
width: 40%;
font-weight: 100;
letter-spacing: 1px;
margin: 5% auto;
margin-bottom: 1%;
letter-spacing: 3px;
}

.seperator-white{
border-bottom:2px solid #fff;
		height: 30px;
		width: 55px;
		margin: 0 auto;



}

.contact-adress{
	width: 27%;
	font-family:'freightdispmediumitalicRg';

margin: 3% auto;
font-size:2.2em;




}

@media  screen and (min-width : 320px)  and (max-width : 480px) {
.content-text{width:100%;}
.contact-adress{width:100%;}
.adress{width:100%;}

	}


@media screen and (min-width : 481px) and (max-width : 767px) {


.contact-adress{width:100%;}
.adress{width:100%;}

}



	/* iPads (portrait and landscape) ----------- */

@media screen and (min-width : 768px) and (max-width : 1024px) {

.contact-adress{width:100%;}
.adress{width:100%;}





}