.grid{
	padding: 5vh 10vw;
}

.timetable {
    padding-right: 1vw;
}

.grid-1 {
    background-color: #A2D9FF;
    border-radius: 34px;
    height: 397.33px;
    display: flex;
    align-items: center;
}

.grid-1 h1 {
    font-size: 65px !important;
    font-weight: 700;
    line-height: 65px !important;
}

.timetable-2 {
    padding-left: 1.6vw;
}

.grid-2 {
    background-color: #BEF5D6;
    border-radius: 34px;
    height: 397.33px;
}

.grid-2 h1 {
    font-size: 50px;
    font-weight: 700;
    line-height: 48px;
}

.grid-row-2 {
    margin: 1vw 0;
}

.teacher {
    padding: 0 2vw 0 0;
}

.grid-3 {
    height: 397.33px;
    background-color: #F9B3B3;
    border-radius: 34px;
}

.grid-3 h1 {
    font-size: 45px;
    color: #DC252A;
    font-weight: 700;
    line-height: 48px;
}

.grid-4 {
    height: 397.33px;
    background-color: #FFD89D;
    border-radius: 34px;
    align-items: center;
}

.grid-4 h1 {
    font-size: 45px;
    color: #BE7500;
    font-weight: 700;
    line-height: 48px;
}

.subjects {
    padding: 0 0 0 2vw;
}

.grid-5 {
    height: 397.33px;
    background-color: #FFD89D;
    border-radius: 34px;

}

.grid-5 h1 {
    font-size: 45px;
    color: #6C63FF;
    font-weight: 700;
    line-height: 48px;
}

.class {
    padding-right: 1.6vw;
    /* padding-left: 0.5vw; */
}

.grid-6 {
    background-color: #90F5BD;
    border-radius: 34px;
    height: 397.33px;
    align-items: center;
}

.grid-6 h1 {
    font-weight: 700;
    font-size: 50px;
    line-height: 45px;
}

.grid-7 {
    background-color: #fef0c9;
    border-radius: 34px;
    height: 397.33px;
    align-items: center;
}

.grid-7 h1 {
    color: #C89621;
    font-weight: 700;
    font-size: 55px;
    line-height: 51px;
}
.grid-8 {
    background-color: #A1D9FF;
    border-radius: 34px;
    height: 397.33px;
    align-items: center;
}

.grid-8 h1 {
    color: black;
    font-weight: 700;
    font-size: 65px;
    line-height: 65px;
}
.division{
    padding-left: 1vw;
}
.grid::after {
    content: "";
    position: absolute;
    width: 909.04px;
    height: 898.29px;
    left: 1120.84px;
    top: 1987.12px;

    background: rgba(220, 37, 42, 0.15);
    filter: blur(160px);
    z-index: -1;
}
.content{
    padding-bottom: 100px;
}
.content p{
    font-weight: 600;
    line-height: 62px;
    font-size: 40px;
}
.info p{
    text-align: justify;
}
.directory h1{
    font-size: 50px ;
    line-height: 51px;
}
@media only screen and (max-width: 991px){
    img:not(.divider img){
        max-width: 70% !important;
    }
    .grid-1 .image{
        display: flex;
        justify-content: center;
    }
    .grid-1 h1, .grid-2 h1, .grid-3 h1, .grid-4 h1, .grid-5 h1{
        font-size: 40px !important;
        line-height: 40px !important;
    }
    .grid-7 h1, .grid-6 h1{
        font-size: 35px !important;
        line-height: 39px !important;
    }
}
@media only screen and (max-width: 479px) {
    .image{
        display: flex;
        justify-content: center;
    }
    img:not(.divider img){
        max-width: 70% !important;
    }
    .grid-2 .text{
        justify-content: center;
    }
    h1{
        text-align: center;
    }
    .grid-1 h1, .grid-2 h1, .grid-3 h1, .grid-4 h1, .grid-5 h1, .grid-6 h1, .grid-7 h1, .grid-8 h1{
        font-size: 35px !important;
        line-height: 39px !important;
    }
}