@font-face {
    font-family: "MatterB";
    src: url(fonts/Matter-Bold.eot);
    src: url(fonts/Matter-Bold.woff2) format("woff2");
    font-weight: bold;
    font-style: normal;
  }

@font-face {
    font-family: "Matter";
    src: url(fonts/Matter-Regular.eot);
    src: url(fonts/Matter-Regular.woff2) format("woff2");
    font-weight: normal;
    font-style: normal;
  }

#wrapper, #footer{
    display: block;
    padding: 5%;
    float: left;
    clear: left;
}

#footer {
    padding-top:2.5%;
    width:88%;
}
.logo {
    width:10vw;
    height:auto;
}

p {
    font-family: 'MatterB';
    font-style: normal;
    font-weight: bold;
    font-size: 4.8vw;
    line-height: 150%;
    letter-spacing: 0.1px;
    color: #020EFF;
}

p a {
    text-decoration:none;
    color: #EE3529;
}

p a:hover {
    text-decoration: underline;
}

ul, li {
    padding:0;
    margin:0;
}

ul {
    width:100%;
    list-style-type: none;
}

li {
    float:right;
    margin-left: 5vw;
}

li:last-child {
    float:left;
    margin:0;
}

li img {
    width: 4vw;
    height: auto;
}

li span {
    font-family:'Matter';
    font-style: normal;
    font-weight: normal;
    font-size: 2.4vw;
    line-height: 150%;
    letter-spacing: 0.3px;
    color: #020EFF;
    vertical-align: middle;
}

@media screen and (max-width: 600px) {
    .logo {
        width:16vw;
        height:auto;
        margin-bottom: 5%;
    }

    p {
      font-size: 6.5vw;
    }
    li {
        float:right;
        margin-left: 8vw;
    }
    li img {
        width: 8vw;
        height: auto;
    }
    li span {
        font-size: 3.7vw;
    }

  }