@font-face {
    font-family: 'Alethia Pro';
    src: url('fonts/AlethiaPro-Regular.eot');
    src: url('fonts/AlethiaPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/AlethiaPro-Regular.woff2') format('woff2'),
        url('fonts/AlethiaPro-Regular.woff') format('woff'),
        url('fonts/AlethiaPro-Regular.svg#AlethiaPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Alethia Pro';
    src: url('fonts/AlethiaPro-Italic.eot');
    src: url('fonts/AlethiaPro-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/AlethiaPro-Italic.woff2') format('woff2'),
        url('fonts/AlethiaPro-Italic.woff') format('woff'),
        url('fonts/AlethiaPro-Italic.svg#AlethiaPro-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}



body{
	font-family: 'Alethia Pro';
	color: #212121;
	font-weight: normal;
	letter-spacing: 200;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    background-color:#fff;
}

#bg { position: fixed; top: 0; left: 0; z-index: -1;}
.bgwidth { width: 100%; }
.bgheight { height: 100%; }

h1{
	text-align: center;
	font-size: 20px;
	font-weight: normal;
	letter-spacing: 0;
	margin-top:15px;
}

.maintenance{
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	line-height: 28px;	
	font-weight: normal;
}
.mailt{
	font-size: 16px;
	letter-spacing: 0;
	text-align: center;
	line-height: 22px;	
	text-decoration: underline;
	color:#212121;
}
.mailt:hover{
	text-decoration: none;
	color:#212121;
}
#logo-content{
  position: absolute;
  left: 50%;
  top:40%;
  transform: translate(-50%, -50%); /* Yep! */
  width: 48%;
  height: 59%;
}

#logo-content img{
	margin: 0 auto;
	display: block;
	width: 400px;
}

.content{
 	text-align: center;
	width: 100%;
	margin-top:120px;
}

a.portfolio{
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 32px;	
	background: #000;
	display: block;
	max-width: 170px;
	margin: 40px auto 10px auto;
	text-transform: uppercase;
	padding: 3px 0 0;
	text-decoration: none;
}
a.portfolio:hover,
a.instagram:hover{
	text-decoration: none;
	background: #92f5e5;
}
a.instagram{
	font-size: 18px;
	color: #FFFFFF;
	letter-spacing: 0;
	text-align: center;
	line-height: 32px;	
	background: #4C4C4C;
	display: block;
	max-width: 170px;
	margin: 0 auto 40px auto;
	text-transform: uppercase;
	padding: 3px 0 0;
		text-decoration: none;
}


h2{
	font-size:26px;
	text-align: center;
}
 
.direccion{
	display: block;
	margin-top: 30px;
}

@media (max-width:720px) {
	#logo-content{
	  position: absolute;
	  left: 50%;
	  top:45%;
	  transform: translate(-50%, -50%); /* Yep! */
	  width: 90%;
	  height: 59%;
	}	
	img{
		max-width: 100%;
	}
}