@import url(./animate.css);
@import url(./menu_footer.css);
@font-face { font-family: 'Gills Sans MT Condensed'; src: url(../fonts/GILC____.TTF); }
@font-face { font-family: 'Geometr231B'; src: url(../fonts/GEO231B.TTF); }
@font-face { font-family: 'Geometr231B lt'; src: url(../fonts/Geo231Lt.ttf); }
header nav,footer .body { background: #f05936; }
.top { margin: 0 auto 20vh auto; text-align: center; }
.top .page_heading {
    padding: 10px 0 0 0;
    font-size: 40px;
    border-bottom: 1px solid rgba(167, 167, 167, 0.3);
    max-width: 240px;
    color: #000;
    margin: 0 auto;
    font-family: 'Gills Sans MT Condensed';
}
.top .sub_heading {
    padding: 15px 25px 7px 25px;
    border-bottom: 1px solid #000;
    width: 40vw;
    margin: 0 auto;
    font-size: 22px;
    font-family: 'Geometr231B';
}
@font-face { src: url(../fonts/Kruti_Dev_690.ttf); font-family: kruti_dev; }
.top .hindi_slok {
    margin: 15px 0 0 0;
    font-weight: bold;
    font-size: 22px;
    font-family: 'kruti_dev';
}
.top .atog {
    padding: 0 0 25px 0;
    text-transform: uppercase;
    font-size: 18px;
    color: grey;
    text-align: center;
    font-family: 'Humanst521 Lt BT' !important;
}
.top .chief {
    width: 80%;
    margin: 10vh auto 20vh auto;
}
.top .chief .image {
    margin: auto;
    border: 1px solid #000;
    width: 250px;
}
.top .chief .image img,
.Trustees .trustee_grid .image img,
.Directors .director_grid .image img { padding: 6px; }
.top .chief p {
    font-size: 24px;
    font-family: 'Geometr231B lt';
}
.Trustees,.Directors {
    width: 85%;
    margin: 0 auto;
}
.Trustees .tittle,.Directors .tittle {
    font-size: 35px;
    font-family: 'Geometr231B';
    border-bottom: 1px solid #9a9a9a;
    padding-left: 2vw;
}
.Trustees .trustee_grid,
.Directors .director_grid {
    text-align: center;
    width: 95%;
    margin: 15vh auto;
    display: grid;
    grid: auto / repeat(3,1fr);
    grid-gap: 10vw;
}
.Trustees .trustee_grid a,
.Directors .director_grid a {
    color: #000;
    text-decoration: none;
}
.Trustees .trustee_grid .image,
.Directors .director_grid .image {
    border: 1px solid #000;
    min-width: 250px;
    min-height: 250px;
}
.Trustees .trustee_grid .name,
.Directors .director_grid .name {
    font-size: 26px;
    padding: 0.8vh;
    font-family: 'Geometr231B lt';
}

@media screen and (max-width: 770px) {
    .top .page_heading { font-size: 35px !important; }
    .top .sub_heading { width: 80vw !important; }
    .Trustees .trustee_grid,
    .Directors .director_grid {
        grid: auto / repeat(1,1fr) !important;
        grid-gap: 5vh !important;
    }
}