h2 {
    font-weight: 300;
}

h3 {
    font-weight: 100;
}

.typewriter {
    background-color: #3562af;
    color: white;
}

.heading {
    min-height: 33vh;
    text-align: center;
    text-transform: uppercase;
}

.light-font {
    font-weight: 100;
}

#name-block {
    color: #5d5d5d;
    visibility: hidden;
    text-align: center;
    margin: auto;
}

.social-links {
    width: 100%;
}

.social-link {
    height: 75px;
}

/* Small devices (landscape phones, 576px and up) */

@media (min-width: 576px) {}

/* Medium devices (tablets, 768px and up) */

@media (min-width: 768px) {
    .social-link {
        width: 150px;
        height: 150px;
    }
    .typewrite {
        font-size: 4.5rem;
    }
}

/* Large devices (desktops, 992px and up) */

@media (min-width: 992px) {}