body {
    background-color:black;
    margin:0;
    padding:0;
    font-family:helvetica, sans-serif;
    font-size:18px;
    color:white;
}

a {
    color:white;
    text-decoration:none;;
}

.wrapper {
    width:100vw;
    height:100vh;
    padding:50px;
    box-sizing:border-box;
    display:flex;
    flex-direction:column;
}

.top-row {
    display:flex;
    flex-direction:row;
    width:100%;
    justify-content:space-between;
}

.contact {
    font-size:1rem;
    text-transform:uppercase;
    font-weight:700;
}

.branding {
    width:540px;
}

.logo {
    font-size:37px;
    text-transform:uppercase;
    font-weight:700;
}

.last-logo {
    margin-top:25px;
}

.description {
    width:100%;
    display:flex;
    flex-direction:row;
    margin-top:15px;
    font-family:'Times New Roman', times, serif;
    font-size:1.3rem;
}

.number {
    width:60px;
}

.description-text {
    display:flex;
    flex-direction:row;
    width:480px;
}

.bottom-row {
    display:flex;
    flex-direction:column;
    flex-grow:2;
    justify-content:flex-end;
}

.little-info {
    display:flex;
    flex-direction:row;
    width:100%;
}

.little-logo {
    font-weight:700;
    text-transform:uppercase;
}

.little-description {
    font-family:'Times New Roman', Times, serif;
    font-weight:500;
    margin-left:5px;
}

@media (max-width:900px) {
    .top-row {
        flex-direction:column;
    }

    .contact {
        margin-top:300px;
    }
}

@media (max-width:620px) {
    .little-info {
        flex-direction:column;
    }

    .little-description {
        margin-left:0;
    }

    .branding {
        width:100%;
    }
}

@media (max-width:440px) {
    .description {
        font-size:1rem;
    }

    .logo {
        font-size:30px;
    }

    .little-info {
        font-size:.9rem;
    }
}