@font-face {
    font-family: 'amelia_light';
    src: url('../fonts/amelia_light/amelia-basic-light-webfont.eot');
    src: url('../fonts/amelia_light/amelia-basic-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/amelia_light/amelia-basic-light-webfont.woff') format('woff'),
         url('../fonts/amelia_light/amelia-basic-light-webfont.ttf') format('truetype'),
         url('../fonts/amelia_light/amelia-basic-light-webfont.svg#amelia_basiclight') format('svg');
    font-weight: normal;
    font-style: normal;

}

body {
	padding:0;
	margin:0;
	width:100%;
	height:100%;
	background-color:#F0EEE1;
	color: #444444;
	line-height: 21px;
	font-family: "amelia_light";
}

p{
	max-width: 400px;
	text-align: justify;
	margin: 20px auto;
}

a {
    color: #ED2224;
    text-decoration: none;
}

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

.container {
   	display: table;
    position: absolute;
    height: 100%;
    width: 100%;
}
.wrapper{
 	display: table-cell;
    vertical-align: middle;
    margin: 10px;
    }
    
.content {
	text-align:center;
	background-color: #EBE9DC;
	padding:20px;
	border-radius: 20px;
    margin: 0 auto; 
    max-width: 600px;

} 

.links ul li {
    display: table-cell;
    overflow: hidden;
    list-style-type: none;
    padding: 0 20px;
    vertical-align: middle;
}


.links {
    vertical-align: middle;
    display: inline-block;
    height: 50px;
    margin: 0 auto;
}

.logo{
	max-width: 400px;
	margin: 0 auto;
}

@media screen and (max-width: 420px) {
     p {margin: 5px;}
     .content{padding:10px; }


    }