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

html{font-size:100%}
body{margin:0; padding:0; color:#4e4b4b; font-size:1rem; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-family: 'AristotelicaDisplayTrial-Bold'; font-weight: normal; background:#fff; text-align:center; line-height:1;}
a {color:#00a9e0;}
a,a:hover,a:focus{text-decoration:none;outline:0}
:focus{box-shadow:none;border:none}

.container {height:100vh; overflow:auto; -ms-flex-align:center;-webkit-align-items:center;-webkit-box-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;text-align:center;}
.logo img {max-width:500px;}
.container h1 {font-weight:normal; font-size:3.2em; margin:50px auto 10px; color:#a2a2a2;}
.container a img {border-radius:100%;}

@media only screen and (max-width: 767px) {
.logo img {max-width:300px;}
.container h1 {font-size:2.2em;}
.container a img {max-width:50px;}
}

@media only screen and (max-width: 567px) {
.logo img {max-width:250px;}
.container h1 {font-size:1.8em;}
}