@font-face {
    font-family: "Roboto";
    src: url("font/Roboto-Light.ttf") format("truetype");
}

body {
    color: white;
    background: #061E3E;
    margin: auto;
    max-width: 730px;
    font-family: "Roboto", Times, serif;
    padding: 1em;
}

h1 {
    margin-bottom: 0.25em;
}

p {
    color: #ffffffbe;
}

a {
    color: #ffffff9f;
}

main {
    margin-top: 5rem;
    text-align: center;
}

ul {
    list-style-type: none;
}

.logo {
    max-height: 125px;
    margin: 0 auto;
    height: auto !important;
    width: auto !important;
    display: block;
    max-width: 100%;
}

.icon {
    filter: invert(100%);
    padding: 1em;
}

.contact {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    margin-top: 3em;
}

.col {
    padding: 1em;
    width: 210px;
}

.type {
    font-size: 13pt;
    font-weight: bold;
    color: #ffffffbe;
    margin-bottom: 0.75em;
}

/* Small devices such as large phones (640px and up) */
@media only screen and (min-width: 640px) {}

/* Medium devices such as tablets (768px and up) */
@media only screen and (min-width: 768px) {}

/* Large devices such as laptops (1024px and up) */
@media only screen and (min-width: 1024px) {}

/* Largest devices such as desktops (1280px and up) */
@media only screen and (min-width: 1280px) {}