/* el-messiri-regular - latin */
@font-face {
font-family: 'El Messiri';
font-style: normal;
font-weight: 400;
src: local(''),
    url('/fonts/el-messiri-v8-latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/el-messiri-v8-latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* el-messiri-500 - latin */
@font-face {
font-family: 'El Messiri';
font-style: normal;
font-weight: 500;
src: local(''),
    url('/fonts/el-messiri-v8-latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/el-messiri-v8-latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* el-messiri-600 - latin */
@font-face {
font-family: 'El Messiri';
font-style: normal;
font-weight: 600;
src: local(''),
    url('/fonts/el-messiri-v8-latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/el-messiri-v8-latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* el-messiri-700 - latin */
@font-face {
font-family: 'El Messiri';
font-style: normal;
font-weight: 700;
src: local(''),
    url('/fonts/el-messiri-v8-latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('/fonts/el-messiri-v8-latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

html, body { 
    font-size: 100%; 
    font-family:'El Messiri', sans-serif; 
    line-height:1.4;
    font-weight:400;
    -webkit-text-size-adjust: 100%; /* for smartphones */
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color:#222;
    margin:0;
    padding:0;
}
#page {
    padding:10px;
    max-width:500px;
    margin:auto;
    /*display: -webkit-box; 
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex; 
    display: flex;
    align-items: center;
    justify-content: center;*/
    text-align: center;
}
#page.wider {
    max-width:800px;
}
.logo {
    display:inline-block;
    margin-top:50px;
    padding:30px 0;
    color:#222 !important;
}
.logo__typo {
    font-size: 36px;
    line-height: 1;
    font-weight:700;
    margin-bottom:5px;
}
.logo__title {
    font-size: 21px;
}
.img {
    backface-visibility: hidden;
    display:inline-block;
    width:202px;
    height:202px;
    overflow: hidden;
    margin:auto;
    border-radius:0 20% 0 20%; /*50%;*/
    border:1px solid #fff;
    box-shadow:0 0 10px rgba(0,0,0,.5);
    background:url('/vanessa-schoenmetz-3.jpg') no-repeat center top / cover;
}
.info {
    margin:2em 0;
}
h2 {
    margin:2em 0 .5em 0;
    font-size:20px;
}
h3 {
    margin:1em 0 .75em 0;
    font-size:18px;
}
h4 {
    margin:1em 0 .34em 0;
    font-size:16px;
}
p {
    margin:.34em 0 .34em 0;
}
a {
    text-decoration:none;
    color:#ff2920;
    -webkit-transition: color .2s;
    -ms-transition: color .2s;
    transition: color .2s;
}
a:hover {
    color:#c71e17;
}
#footer {
    border-top:1px solid #eaeaea;
    padding-top:1.5em;
}
#footer a {
    color:#ccc;
    margin:0 5px;
    font-size:14px;
}
#footer a:hover {
    color:#999;
}