/*-----MEDIUM VIEWS-----*/

@media only screen and (min-width: 37.5em) {

    .logo {
        display: block;
        max-width: 4rem;
        padding-top: 15px;
    }

    /*-----NAVIGATION-----*/
    nav ul li a {
        display: inline-flex;
        font-size: 1em;
        border: none;
        padding: .6rem 2rem;
    }
    nav button {display: none;}

    nav ul.hide {display: inline-flex;}

    nav ul {margin-left: 27px;}

    nav ul li {display: inline-flex;}

    nav {text-align: center;}


    /*------MAIN SECTION-------*/
    main {
        text-align: center;
        display: flex;
        flex-flow: wrap;
        justify-content: center;
    }
    section.boxes {flex-flow: row;}

    main.about p {max-width: 700px;}

    section.make_gloves {flex-flow: row; align-content: center;}






}