@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i|Playfair+Display|Francois+One&display=swap);

* { margin: 0; padding: 0; }

html, body {
  width: 100%;
  height: 100%;
}

body {
font-family: 'Noto Sans', sans-serif;
font-size: 20px;
color: #3f3f3f;
text-decoration: none;
font-weight: 400;
background-color: #042f50;
}

form {
padding: 0px;
margin: 0px;
}
textarea {
    resize: none;
}
iframe {
margin: 0;
padding: 0;
}

.wrapper {
display: block;
clear: both;
overflow: hidden;
box-sizing: border-box;
max-width: 1920px;
height: auto;
margin: 0 auto;
background: #053e69;
}

.header {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
border-bottom: #bdbdbd 1px solid;
}
.headerCont {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
max-width: 1400px;
width: 100%;
height: auto;
margin: 8px auto;
}
	.phoneinfo {
	display: block;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	max-width: 1400px;
	width: 100%;
	height: auto;
	margin: 2px auto;
	font-style: italic;
	font-size: 1.1em;
	color: white;
	font-weight: 700;	
	text-align: right;	
	}
	.phoneinfo a:link, .phoneinfo a:visited {
		font-family: 'Noto Sans', sans-serif;
		font-size: 1.1em;
		color: white;		
		text-decoration: none;
		font-weight: 700;
		font-style: italic;
	}
	.phoneinfo a:active, .phoneinfo a:hover {
		color: #c7c8c9;
		-moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s;
	}	
	.head1 {
	display: block;
	box-sizing: border-box;
	width: 25%;
	height: auto;
	float: left;
	}
		.head1 img {
		display: block;
		width: 100%;
		height: auto;
		}
	.head1 a:hover { cursor: pointer; opacity: .6; -moz-transition:all 0.5s; -webkit-transition:all 0.5s; -o-transition:all 0.5s; }
	.head2 {
	display: block;
	box-sizing: border-box;
	width: auto;
	height: auto;
	float: left;
	text-align: center;
	font-family: 'Playfair Display', serif;
	font-size: 1.5em;
	color: #f1f1f2;
	padding: 15px 0 0 40px;
	letter-spacing: 2px;
	}		
									
.navArea {
display: block;
clear: both;
width: 100%;
height: auto;
z-index: 1000;
} 


.footer {
display: block;
box-sizing: border-box;
clear: both;
overflow: hidden;
width: 100%;
height: auto;
border-top: #bdbdbd 1px solid;
font-size: .8em;
color: #bdbdbd;
text-align: center;
padding: 20px 5px;
}
.footer a:link, .footer a:visited {
color: #bdbdbd;
text-decoration: underline;
}
.footer a:active, .footer a:hover {
color: #ffffff;
}
.footer i {
color: white;
}
.footer > a:nth-child(1) {
color: #bdbdbd;
text-decoration: none;
}
.footer > a:nth-child(1):hover {
color: #ffffff;
}

span.sitestamp {
font-family: 'Noto Sans', sans-serif;
font-size: 10px;
color: #c2c1c1;
text-decoration: none;
font-weight: normal;
}
span.sitestamp a:link, span.sitestamp a:visited {
font-family: 'Noto Sans', sans-serif;
font-size: 10px;
color: #c2c1c1;
text-decoration: underline;
font-weight: normal;
}
span.sitestamp a:active, span.sitestamp a:hover {
font-family: 'Noto Sans', sans-serif;
font-size: 10px;
color: white;
text-decoration: underline;
font-weight: normal;
}

@media screen and (max-width: 1428px) {
	.header {
	padding: 0 10px;
	}						
}
@media screen and (max-width: 1179px) {
	body {
	font-size: 17px;
	}						
}
@media screen and (max-width: 1085px) {
	.footer {
	height: auto;
	}
}		
@media screen and (max-width: 1009px) {
	.head2 {
	padding-top: 5px;
	}						
}
@media screen and (max-width: 801px) {
	.head1 {
	float: none;
	width: 100%;
	}
	.head1 img {
	width: 50%;
	margin: 0 auto;
	}
	.head2 {
	float: none;
	width: 100%;
	text-align: center;
	}								
}
@media screen and (max-width: 530px) {
	.head1 img {
	width: 75%;
	}								
}