#classes-content{padding-top:8rem;padding-bottom:15rem}#classes-content .classes{max-width:60rem;margin:0 auto}#classes-content .classes .heading h1{text-align:center;margin-bottom:2rem;font-family:NyghtSerif DarkItalic;font-size:3.75rem;font-weight:700}#classes-content .classes-list{grid-gap:40px;grid-template-columns:repeat(2,1fr);display:grid}#classes-content .classes-list .class-card{cursor:pointer;width:460px;height:300px;transition:all .2s linear;position:relative}#classes-content .classes-list .class-card:hover{background-color:#4a3e3099;transform:scale(1.1)}#classes-content .classes-list .class-card>img{object-fit:cover;width:460px;height:300px}#classes-content .classes-list .class-card .class-content{width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;transform:translateY(0)}#classes-content .classes-list .class-card .class-content .title{background-color:#4a3e3099;justify-content:space-between;width:100%;padding:1rem;transition:transform .2s linear;display:flex;position:absolute;bottom:88px;transform:translateY(100%)}#classes-content .classes-list .class-card .class-content .title img{position:relative;top:10px}#classes-content .classes-list .class-card .class-content:hover .title{height:100%;top:0;transform:translateY(0)}#classes-content .classes-list .class-card .class-content:hover p,#classes-content .classes-list .class-card .class-content:hover img{opacity:1}#classes-content .classes-list .class-card .class-content h3{color:#e2d9b5;font-family:NyghtSerif DarkItalic;font-size:2.25rem;font-weight:700}#classes-content .classes-list .class-card .class-description{padding:1rem;position:absolute;bottom:0}#classes-content .classes-list .class-card .class-description p{color:#e2d9b5;opacity:0;font-size:1.25rem;transition:all .4s linear}#classes-content .classes-list .class-card .class-description img{opacity:0;transition:all .4s linear}@media (max-width:1000px){#classes-content{padding:7rem 1rem 15rem}#classes-content .classes-list{display:block}#classes-content .classes-list .class-card{width:750px;height:500px;margin:0 auto 2rem}#classes-content .classes-list .class-card>img{width:750px;height:500px}}@media (max-width:800px){#classes-content .classes .heading h1{font-size:2.5rem}#classes-content .classes-list .class-card,#classes-content .classes-list .class-card>img{width:460px;height:300px}}@media (max-width:500px){#classes-content .classes-list .class-card,#classes-content .classes-list .class-card>img{width:350px;height:234px}#classes-content .classes-list .class-card .class-content .title{bottom:68px}#classes-content .classes-list .class-card .class-content .title h3{font-size:1rem}}