.classes-container {
    
    width: 100%;
    height: 100%;

    padding-top : 10vh;

    
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-evenly;

    text-align: center;

}

.panels-container {
    height : 90%;
    width : 100%;
    
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.class-panel {
    height : 90%;
    width : 30%;

    display: flex;
    align-items: flex-start;
    justify-content: center;
    text-align: center;


    background-color: var(--dark);
    background-position: center;
    border-radius: 10px;

    transition : 0.2s;
}

.class-panel > h3 {
    text-transform: uppercase;

    margin-top : 20%;

    color : var(--light);
    font-size : 30px;
}


.class-panel:hover {
    transform: scale(1.01);
    transition : 0.2s;
}


.class-panel.pool {
    background : url('../resources/swimming.jpg');
    background-repeat: no-repeat;
    background-size :cover;
}

.class-panel.weights {
    background : url('../resources/weights.jpg');
    background-repeat: no-repeat;
    background-size :cover;
}

.class-panel.sc {
    background : url('../resources/conditioning.jpg');
    background-repeat: no-repeat;
    background-size :cover;
}

/*Media Queries*/

@media(max-width : 1000px) {
    
    .panels-container {
        flex-direction: column;
    }

    .class-panel {
        width : 90%;
        height : 30%;

        
    }

    .class-panel > h3 {
        margin : auto;
    }

}