body {
        font-family: 'Varela Round', sans-serif;
        letter-spacing: 0.2px;
        color: #666;
    }

    h1 {
        font-size: 28px;
        line-height: 28px;
    }

    h2 {
        font-size: 21px;
        line-height: 24px;
    }

    p {
        font-size: 21px;
        line-height: 26px;
    }

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

    .container {
        width: 100%;
    }

    .row {
        max-width: 63rem;
        margin: 120px auto;
        display: block;
    }

    .col2 {
        width: 50%;
        float: left;
        padding-bottom: 10px;
    }

    .text-box {
        width: 540px;
        margin: 30px -40px 0;
    }

    .profile-image {
        width: 300px;
        margin: 22px auto;
        display: block;
    }

    #hola {
        color: #f77f0e;
    }
    /* Languages Animation */

    #hola:after {
        content: "";
        animation: hola 10s linear infinite;
    }

    @keyframes hola {
        0% {
            content: "¡Hola!";
        }
        10% {
            content: "Živjo!";
        }
        20% {
            content: "Hello!";
        }
        30% {
            content: "Ciao!";
        }
        40% {
            content: "Hallo!";
        }
        50% {
            content: "Olá!";
        }
        60% {
            content: "¡Hola!";
        }
        70% {
            content: "Živjo!";
        }
        80% {
            content: "Hallo!";
        }
        90% {
            content: "Olá!";
        }
        100% {
            content: "Ciao!";
        }
    }
    /* End Languages Animation */
    /* Social */

    .social-container {
        margin-bottom: 162px;
        height: auto;
        font-size: 30px;
    }

    .social-icons {
        padding: 10px;
        float: left;
    }

    #twitter-icon {
        color: #000!important;
        border-color: #000!important;
    }

    #medium-icon {
        color: #444!important;
        border-color: #444!important;
    }

    #linkedin-icon {
        color: #007EBB!important;
        border-color: #007EBB!important;
    }

    #five-icon {
        color: #000000!important;
        border-color: #000000!important;
    }

    #instagram-icon {
        color: #FF2D6E!important;
        border-color: #FF2D6E!important;
    }

    #spotify-icon {
        color: #00DA59!important;
        border-color: #00DA59!important;
    }
    /* End Social */
    /* Break Points */

    @media only screen and (max-width: 320px) {
        .row {
            margin: 30px auto;
        }
        .col2 {
            width: 100%;
        }
        .text-box {
            width: 100%;
            margin: auto;
            text-align: center;
        }
        .social-container {
            margin: auto;
            width: 328px;
        }
    }

    @media only screen and (min-width: 321px) and (max-width: 479px) {
        .row {
            margin: 30px auto;
        }
        .col2 {
            width: 100%;
        }
        .text-box {
            width: 100%;
            margin: auto;
            text-align: center;
        }
        .social-container {
            margin: auto;
            width: 328px;
        }
    }

    @media only screen and (min-width: 480px) and (max-width: 629px) {
        .row {
            margin: 30px auto;
        }
        .col2 {
            width: 88%;
        }
        .text-box {
            margin: auto;
            text-align: center;
        }
        .social-container {
            margin: auto;
            width: 328px;
        }
    }

    @media only screen and (min-width: 630px) and (max-width: 767px) {
        .row {
            margin: 30px auto;
        }
        .col2 {
            width: 100%;
        }
        .text-box {
            margin: auto;
            text-align: center;
        }
        .social-container {
            margin: auto;
            width: 328px;
        }
    }

    @media only screen and (min-width: 768px) and (max-width: 995px) {
        .row {
            margin: 30px auto;
        }
        .col2 {
            width: 100%;
        }
        .text-box {
            width: 600px;
            margin: auto;
            text-align: center;
        }
        .social-container {
            margin: auto;
            width: 328px;
        }
    }
    /* End Break Points */