html, body {
    padding: 0;
    margin:0;
    background:#000;
    color:#fff;
}

body {
    font-family: "Antonio", sans-serif;
    font-optical-sizing: auto;
    font-weight: normal;
    font-style: normal;
    width:100vw;
    height:100vh;
    font-size: 18px;
    letter-spacing: 0.1em;
}

a {
    color:#fff;
    text-decoration: none;;
}

.main-container {
    background: url(images/background.jpg) no-repeat;
    background-position:  right center;
    background-size: cover;
    background-color: rgba(0,0,0,0.6);
    background-blend-mode: darken;
    width:100vw;
    padding:0 5px;
    height:100vh;
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

.content-container {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.content-container  img {
    max-width:360px;
    width:100%;
    margin:0 auto;
    height:auto;
}

.content-container  h1 {
    font-size: 1.2em;
}

.content-container  .contact {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width:360px;
    width:98%;
}

.content-container  .contact p {
    padding:3px;
    text-align: center;
}

.content-container  .contact  a {
    display: block;
    width:50px;
    height:50px;
    background:#fff;
    color:#000;
    border-radius: 10px;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    align-items: center;
}

.content-container  .contact i {
    font-size:1.4em;
}