@font-face {
    font-family: "GreycliffCF-DemiBold";
    src: url("https://s3.us-east-2.amazonaws.com/eyeso-live-storage/wp-content/uploads/2018/08/09111425/GreycliffCF-DemiBold.eot") format("eot"), url("https://s3.us-east-2.amazonaws.com/eyeso-live-storage/wp-content/uploads/2018/08/09111427/GreycliffCF-DemiBold.woff2") format("woff2"), url("https://s3.us-east-2.amazonaws.com/eyeso-live-storage/wp-content/uploads/2018/08/09111426/GreycliffCF-DemiBold.woff") format("woff"), url("https://s3-us-east-2.amazonaws.com/eyeso-live-storage/wp-content/uploads/2018/08/09124933/greycliffcf-demibold-webfont.ttf") format("truetype");
}

body {
    background: #0F1A26;
    margin: 0;
    padding: 0 20px;
    font-family: "GreycliffCF-DemiBold";
}

.main-container {
    margin: 0 auto;
    margin-top: 60px;
    max-width: 425px;
    width: 100%;
}

.main-container .logo {
    margin: 0 auto;
    text-align: center;
}

.main-container .logo .icon {
    max-width: 100px;
    display: block;
    margin: auto;
}

.main-container .logo .logo-img {
    max-width: 100px;
    display: block;
    margin: auto;
    padding-top: 40px;
}

.main-container .links {
    margin-top: 40px;
    text-transform: uppercase;
}

.main-container .links ul {
    list-style-type: none;
    padding: 0;
}

.main-container .links ul li {
    padding: 20px 0;
    vertical-align: middle;
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.main-container .links ul li a {
    color: #FFF;
    text-decoration: none;
}

.main-container .links ul li a img {
    padding-right: 25px;
    display: inline-block;
    vertical-align: middle;
    width: 31px;
}

.main-container .links ul li a p {
    font-size: 18px;
    letter-spacing: 5px;
    line-height: 21px;
    display: inline-block;
    vertical-align: middle;
}