@font-face {
    font-family: 'bignoodletitlingregular';
    src: url('../fonts/big_noodle_titling-webfont.woff2') format('woff2'),
         url('../fonts/big_noodle_titling-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'blogger_sansregular';
    src: url('../fonts/blogger_sans-webfont.woff2') format('woff2'),
         url('../fonts/blogger_sans-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sairasemibold';
    src: url('../fonts/saira-semibold-webfont.woff2') format('woff2'),
         url('../fonts/saira-semibold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

body {
margin:0px;
}
#gallery {
width: 100%;
height: 100%;
xwidth: auto;
xheight: auto;
display: block;
position: absolute;
overflow: hidden;
top: 0;
left: 0;
}
#logo{ position: absolute; top: 50px; left: 10%; z-index: 99; }
#fondo{ position: absolute; z-index: 15; width: 100%; height: 100%; overflow: hidden;}
footer{
	font-family: 'bignoodletitlingregular', sans-serif;
	font-size: 20px;
	font-weight: 400;
	background: #342018;
	height: 54px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 99;
}
footer p{text-align:right; color: #fff; font-family: 'blogger_sansregular', sans-serif; font-weight: 400; font-size: 16px;}
footer span{margin: 13px 0 12px; display: block;}
footer img { padding:5px;}
#info{position: absolute; bottom:100px; right:50px; font-family: 'blogger_sansregular', sans-serif; font-weight: 400; z-index: 999; float: right; text-align: right;}
#info h1{color: #fff; font-family: 'sairasemibold', sans-serif; font-weight: 500; font-size: 20px; text-align: right}
#info span{color: #fff; font-weight: 300;}
#info p{font-size: 18px; margin: 0px; font-weight: 400; }
#info a, #info a:visited, #info a:focus{text-decoration: none; color: #FFF; font-weight: 300;}
#info a:hover {color: #fff;}
#info .social { padding: 0px 4px; display: inline-block; vertical-align: super; }