html {
font-size: 10px;
}

body {
background: #fff;
font-family: 'Barlow', sans-serif;


}


header {
width: 100%;
height: 800px;
background: url(../images/header-bg.webp) top center no-repeat #fff;
background-size: cover;
overflow: hidden;
position: relative;

}


header h2 a {
display: block;
width: 289px;
height: 82px;
text-indent: -999em;
background: url('../images/logo.png') no-repeat center top;
position: absolute;
top: 9%;
left: 10%;
}

div#menu{
position: absolute;
bottom: 0;
right: 0;
font-size: 30px;
color: #006186;
line-height: 42px;
display: none;
text-align: right;

}

div#menu a{
display: block;
color: #006186;
text-decoration: none;
}


/** splash slog**/

#splash_slog{
	position: absolute;
	top: 614px;
	width: 100%;
}
#slog{
	position: relative;
	margin: 0 auto;
	width: 960px;
	overflow: hidden;
	text-align: center;
}
#slides{
	height: 118px;
	overflow: hidden;
	top: 0;
}
.slide{
	float: left;	
	width: 960px;
	font-size: 36px;
	color: #e9e2d8; 
	text-align: center;
}
.slide p{
	margin: 0 0 9px;
	line-height: 1;
	color: #006186;
	font-family: 'Alegreya', serif;
}
p.slide_txt1 {
	font-size: 16px;
	line-height: 1;
	color: #004864;
	font-family: 'Alegreya', serif;
}
#navig_slider{
	margin: 0px 0 0 1px;
}
#navig_slider ul{
	margin: 0;
	padding: 0;
}
#navig_slider li{
	display: inline-block;
	list-style: none;
	margin: 0 3px;
}
#navig_slider li a{
	display: block;
	width: 11px;
	height: 11px;
	background: url(../images/slide_back.png);
}
#navig_slider li a span{
	display: block;
	width: 11px;
	height: 11px;
	background: url(../images/slide_act.png);
}
#navig_slider li.act a{
	width: 11px;
	height: 11px;
	cursor: default;
	background: url(../images/slide_act.png);
}
/** end splash slog**/


.contener {
	width: 80%;
	max-width: 1300px;
	margin: 0 auto;
}

.floatfix:after {
content:'';
display: block;
clear: both;
}

.main {

}

.main h1 {
font-size: 3.4rem;
color: #006186;
line-height: 2;
padding: 10px;
}

.main p {
font-size: 1.4rem;
color: #004864;
line-height: 1.8;
padding: 0 10px 10px 10px;
letter-spacing: 1px;
}

.main h2 {
font-size: 3rem;
color: #006186;
line-height: 2;
padding: 0 10px;
}

.main h2 a{
color: #006186;
text-decoration: none;
}

.main h2 a:hover {
color: red;
}

.main p a{
color: #004864;
text-decoration: none;
}

.main p a:hover {
color: red;
}

.main h3 {
font-size: 1.8rem;
color: #004864;
line-height: 1.8;
padding: 0 10px;
}

.main h4 {
font-size: 1.6rem;
color: #004864;
line-height: 1.6;
padding: 0 10px 10px 10px;
}


#map{
height:600px;
width:100%;
}

footer {
display: block;
width: 100%;
height: 30px;
background: #fff;
padding: 10px 0;
text-align: center;
color: #004864;
margin-top: 5px;
}

footer p {
font-size: 1.4rem;

}

footer a {
color: #004864;
font-style: italic;
}

footer a:hover {
color: red;
}

@media screen and (max-width: 1366px) {
header {
height: 600px;
}
#splash_slog{
	top: 440px	
}


@media screen and (max-width: 1280px) {
header {
height: 600px;	
}
#splash_slog{
	top: 400px;
}
.contener {
	width: 90%;
}

}

@media screen and (max-width: 1024px) {
header {
height: 400px;	
}
.main h1 {
font-size: 2.6rem;
}
.main h2 {
font-size: 2.4rem;
}
#splash_slog{
	top: 240px;
}


}

@media screen and (max-width: 768px) { 

header {
height: 260px;
background: url(../images/header-bg-mobile.webp) top center no-repeat #fff;
}

.main h1 {
font-size: 2rem;
}
.main h2 {
font-size: 1.8rem;
}

.main h3 {
font-size: 1.4rem;
}

.main h4 {
font-size: 1.4rem;
}

div#menu{
display: block;
width: 100%;
margin: 0;
background-color: rgba(255, 255, 255, 0.3);
padding: 0 5px 0 0;
}

#splash_slog {
	
display: none;
}
.contener {
	width: 100%;
}

#map{
height:400px;
width:100%;
}

}

@media screen and (max-width: 480px) { 

header h2 a {

position: absolute;
top: 1px;
left: 1px;
}

footer p {
font-size: 1.2rem;
}

}