/*RESPONSIVE STYLES */
@media (width < 900px){
    .nav_links{
        display: none !important;
    }
    .header_container{
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .image_header{
        grid-area: 1/1/2/2 !important;
    }

    .explore_grid{
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }

    .class_container{
        grid-template-columns: repeat(1, 1fr);
    }

    .class_image{
        min-height: 500px;
    }

    .price_grid{
        grid-template-columns: repeat(2, 1fr);
    }

    .footer_content{
        grid-template-columns: 1fr 200px;
    }
}

@media (max-width: 500px){

    .header_container{
        grid-template-columns: repeat(1, 1fr);
    }
   .explore_header{
    flex-direction: column;
   }
   .explore_grid{
    grid-template-columns: repeat(1, 1fr);
   }
   .join_container{
    margin-bottom: 15rem;
   }
   .join_grid{
    width: 100%;
    margin: 0;
    bottom: -20rem;
   }
   .price_grid{
    grid-template-columns: repeat(1, 1fr);
   }

   .footer_content{
    grid-template-columns: 1fr 150px;
   }

   .footer_bar{
    text-align: center;
   }
}