@font-face {
    font-family: 'irregularisregular';
    src: url('polices/irregularis-webfont.eot');
    src: url('polices/irregularis-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/irregularis-webfont.woff') format('woff'),
         url('polices/irregularis-webfont.ttf') format('truetype'),
         url('polices/irregularis-webfont.svg#irregularisregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'claire_handlight';
    src: url('polices/clairehandlight-webfont.eot');
    src: url('polices/clairehandlight-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/clairehandlight-webfont.woff') format('woff'),
         url('polices/clairehandlight-webfont.ttf') format('truetype'),
         url('polices/clairehandlight-webfont.svg#claire_handlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'claire_handbold';
    src: url('polices/clairehandbold-webfont.eot');
    src: url('polices/clairehandbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/clairehandbold-webfont.woff') format('woff'),
         url('polices/clairehandbold-webfont.ttf') format('truetype'),
         url('polices/clairehandbold-webfont.svg#claire_handbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'claire_handbold';
    src: url('polices/clairehandbold-webfont.eot');
    src: url('polices/clairehandbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/clairehandbold-webfont.woff') format('woff'),
         url('polices/clairehandbold-webfont.ttf') format('truetype'),
         url('polices/clairehandbold-webfont.svg#claire_handbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'mossymedium';
    src: url('polices/mossy-webfont.eot');
    src: url('polices/mossy-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/mossy-webfont.woff') format('woff'),
         url('polices/mossy-webfont.ttf') format('truetype'),
         url('polices/mossy-webfont.svg#mossymedium') format('svg');
    font-weight: normal;
    font-style: normal;

}@font-face {
    font-family: 'travelconsregular';
    src: url('polices/travelcons-webfont.eot');
    src: url('polices/travelcons-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/travelcons-webfont.woff') format('woff'),
         url('polices/travelcons-webfont.ttf') format('truetype'),
         url('polices/travelcons-webfont.svg#travelconsregular') format('svg');
    font-weight: normal;
    font-style: normal;


}@font-face {
    font-family: 'patagoniapatagonian_titles';
    src: url('polices/patagoniab-webfont.eot');
    src: url('polices/patagoniab-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/patagoniab-webfont.woff') format('woff'),
         url('polices/patagoniab-webfont.ttf') format('truetype'),
         url('polices/patagoniab-webfont.svg#patagoniapatagonian_titles') format('svg');
    font-weight: normal;
    font-style: normal;
}
body{
background-color: white;

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

}
.logobeyou{
width: 300px;
position: absolute;
top: 50px;
left: 200px;
min-width: 100px;}

.h3{
font-family: 'irregularisregular';
color: #000;
font-size: 40px;
position: absolute;
font-weight: 1000;
line-height: 30px;
top: 150px;
left: 520px;}

.h4{
font-family: 'irregularisregular';
color: #555;
font-size: 18px;
position: absolute;
font-weight: 400;
line-height: 30px;
top: 250px;
left: 520px;
width: 100%;
max-width: 450px;
min-width: 100px;
z-index: 500;}

.texteintro{
font-family: 'irregularisregular';
color: #0aa0ae;
font-size: 22px;
position: absolute;
font-weight: 50;
line-height: 20px;
top: 60px;
left: 520px;
text-align: left;
width: 350px;}

.coor{
  top: 20px;
left: 30px;
position: absolute;
width: 150px;}
  
.mail{
  font-family: 'travelconsregular' ;

color: #81C0b5;}
.fb{
 width: 22px;
  background-color:#0aa0ae ;
border: 1px solid #0aa0ae;;

}
.tel{
  font-family: 'irregularisregular';
  font-size: 20px;
position: absolute;
}
.mail:hover{
  
color: #81C0b5;}