/* ==========================
        HERO SECTION
========================== */

.hero{

    position:relative;

    width:100%;

    min-height:85vh;

    background:url("../home/school.jpeg") center center/cover no-repeat;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    overflow:hidden;
}

/* Dark overlay */

.overlay{

    position:absolute;

    top:0;
    left:0;

    width:100%;
    height:100%;

    background:rgba(0,0,0,0.55);

    z-index:1;
}

/* Content */

.hero-content{

    position:relative;

    z-index:2;

    max-width:850px;

    padding:20px;

    color:#fff;
}

.hero-content h1{

    font-size:3.5rem;

    margin-bottom:20px;

    font-weight:700;

    line-height:1.2;
}



/* ==========================
        TABLET
========================== */

@media (max-width:992px){

.hero{

    min-height:75vh;
}

.hero-content h1{

    font-size:2.8rem;
}


}

/* ==========================
        MOBILE
========================== */

@media (max-width:768px){

.hero{

    min-height:65vh;

    padding:80px 20px;
}

.hero-content h1{

    font-size:2rem;
}



}



/* table */

/* ==========================
   MANDATORY DISCLOSURE
========================== */

.mandatory-disclosure{

    max-width:1200px;

    margin:60px auto;

    padding:0 20px;
}

.mandatory-disclosure h1{

    font-size:2.2rem;

    color:#0f172a;

    margin-bottom:30px;
}

.section-title{

    background:#dfe2f5;

    padding:22px 40px;

    margin-bottom:35px;
}

.section-title h2{

    font-size:1.7rem;

    color:#0f172a;

    font-weight:700;
}

.disclosure-table{

    width:100%;

    border-collapse:collapse;

    table-layout:fixed;
}

.disclosure-table th,
.disclosure-table td{

    border:1px solid #6b7280;

    padding:18px;

    text-align:left;

    vertical-align:middle;

    font-size:1rem;

    line-height:1.6;
}

.disclosure-table th{

    background:#f3f4f6;

    font-weight:bold;
}

.disclosure-table td:first-child{

    width:80px;

    text-align:center;

    font-weight:bold;
}

.disclosure-table td:nth-child(2){

    width:35%;
}

.disclosure-table td:nth-child(3){

    width:45%;
}

.disclosure-table tr:hover{

    background:#fafafa;
}

/* Responsive */

@media(max-width:768px){

    .mandatory-disclosure h1{

        font-size:1.8rem;
    }

    .section-title{

        padding:18px;
    }

    .section-title h2{

        font-size:1.3rem;
    }

    .disclosure-table{

        display:block;

        overflow-x:auto;

        white-space:nowrap;
    }

    .disclosure-table th,
    .disclosure-table td{

        font-size:.95rem;
        padding:14px;
    }

}