/* Medium Screen Size Styling */
@media screen and (min-width: 768px) {

    /* Main Navigation */
    /* Logo */
    .logo {
        padding-left: 2.5rem;
    }

    /* Navigation Menu */
    .nav-menu {
        top: 14rem;
    }

    /* Mobile Menu */

    .bar {
        width: 3rem;
    }

    .nav-link {
        font-size: 3rem;
    }

    /* Mobile Hamburger */
    .mobile-hamburger {
        padding-right: 1.5rem;
    }

    /* Main Content */
    .main-header {
        font-size: 2.5rem;
    }


    /* Meditation App */
    /* Time Button */
    .time-select>button {
        height: 10rem;
        width: 10rem;
        font-size: 1.6rem;

    }

    .time-display {
        font-size: 6.5rem;
    }

    /* Sound Button */
    .sound-picker>button {
        height: 10rem;
        width: 10rem;
        padding: 3rem;
        margin: 2.2rem;

    }

    /* Play */
    .play {
        width: 30%;
        top: -21%;
    }

    /* About Page */
    .about-content {
        font-size: 2.5rem;
    }

    /* Contact Page */
    .form-container {
        width: 45rem;
    }

    .form-container>.form>h2 {
        font-size: 3rem;
    }

    .form-control>label {
        font-size: 2rem;
    }


    /* Footer */
    footer {
        font-size: 1.6rem;
    }

}