/* Responsive styles for small desktop and tablets */
@media only screen and (max-width: 1024px) {
    #menu-btn {
        display: none;
    }

    header {
        #top-menu ul li a {
            margin: 0 15px
        }
    }

    .animated-border {
        width: 250px;
    }

    .container {
        gap: 60px;

        .strong {
            font-size: 1.4em;
        }
        .very-strong {
            font-size: 1.8em;
        }
        .col1{flex-grow: 1; flex-shrink: 1;}
        .col2{flex-grow: 3; flex-shrink: 3;}
    }
}

/* Responsive styles for Mobile */
@media only screen and (max-width: 640px) {
    * {
        text-align: left;
    }

    #top-menu #menu-links {
        display: none;  
    }

    #menu-btn {
        display: none;
    }

    .animated-border {
        width: calc(60% - 30px);
        margin: 5px auto 25px;
    }

    .container {
        flex-wrap: wrap;

        .strong {
            font-size: 1.4em;
        }
        .very-strong {
            font-size: 1.8em;
        }
    }
}