@charset "utf-8";
/* CSS Document */

@font-face {

    font-family: 'brooklyn';

    src: url("fonts/Samuelstype-BrooklynSamuelsFive-Light.otf") format("truetype");

}

@font-face {

    font-family: 'brooklyn-bold';

    src: url("fonts/Samuelstype-BrooklynSamuelsFive-Bold.otf") format("truetype");

}

@font-face {

    font-family: 'brooklyn-fat';

    src: url("fonts/Samuelstype-BrooklynSamuelsFour-Fat.otf") format("truetype");

}

@font-face {

    font-family: 'brooklyn-medium';

    src: url("fonts/Samuelstype-BrooklynSamuelsTwo-Medium.otf") format("truetype");

}

body, h1, h2{font-family: 'brooklyn', sans-serif;background-color:#fff; margin:0}
body  {
background: url('images/vivre_le_fjord.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.wrapper {}


.wrapper img {width:100%;}

.left { float:left; width:50%; height:150px; background:#1676a9;}

.left h3 { text-align:right; padding-right:150px}

.right { float:right;width:50%;height:150px; background:#8bdc64;}

.right h3 {text-align:left; padding-left:150px}

h3 { text-transform:uppercase; color:#fff; font-size:2.5em; text-align:center; line-height:150px; padding:0; margin:0;font-family: 'brooklyn-bold';letter-spacing: 4px;}

h3 a { color:#fff; text-decoration:none;}

.footer {margin-top:-4px; position:absolute; width:100%; bottom:0;}
	


@media only screen and (min-width: 769px){
.images { display:none;}

}

@media only screen and (max-width: 999px){
.right h3 {
     text-align: center ; 
    padding-left: 0;
}
.left h3 { text-align:center; padding-right:0}
}

@media only screen and (max-width: 768px){
.right, .left { float:none; width:100%; height:auto;}
.images { display:block;}
body { background:none;}
.footer {margin-top:-4px; position:relative; width:100%; bottom:0;}
h3{ line-height:normal; font-size:1.5em; padding:30px 0}


}

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

h3{ line-height:normal; font-size:1em; padding:10px 0}

}

.mobile .muni{background-color:#5a81c2; height:145px;}

.mobile .tou{background-color:#7ab78d; height:145px;}

.mobile .muni a,.mobile .tou a{color:#FFF; text-decoration:none; padding:45px 0;}

.mobile .muni p,.mobile .tou p{ margin:0; padding:0; line-height:145px; text-align:center;font-family: 'Arizonia', cursive; font-size:2.9em;}

.mobile .bleu{ background-color: #5a81c2;}
.mobile .vert{ background-color: #7ab78d;}

.mobile{display:none;}@charset "utf-8";
/* CSS Document */