@font-face {
  font-family: 'Avenir';
  src: url('Avenir.ttc');
}
body{
    font-family: 'Avenir';
    background:#000;
}
.container {
    max-width:1100px;
    margin:0 auto;
    padding-left:20px;
    padding-right:20px;
}
.main-flex{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align:center;
    flex-direction: column;
    color:#fff;
    width:100%;

    height:100%;
    margin-top:10%;
}
.main-flex img.logo{
    width:100%;
    max-width:500px;
    margin-bottom:20px;
}

.main-flex h3{
    color:#989ea3;
    margin-bottom:0;
}
.main-flex p{
    font-size:18px;
    margin-bottom: 5px;
    margin-top: 5px;
}
.main-flex a{
    color:#989ea3;
}
.main-flex h2{
    color:#989ea3;
    font-size:40px;
}
@media screen and (max-width: 600px) {
    .main-flex img.logo{
        max-width:300px;
    }
}