body {
    font-family: "Noto Sans", sans-serif;
}
h1, h2 {
    font-family: "Lora", serif;
}
.main {
    background-image: url(./images/home.jpg);
     height: 1000px;
    position: relative;
   background-position: center;
    background-size: cover; 
    background-repeat: no-repeat;
    
}
.navbar .container-fluid {
    background-color: #20717A;
}
.navbar .container-fluid img {
    padding: 10px;
}
.main .container .row .text{
    margin-top: 200px;
    color: #fff;
}

.about .container h1 {
    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}

.about .container .row img {
    width: 100%;
}
.about .container .row .students {
    background-color: chocolate;
    margin: 10px;
    padding: 10px;
    text-align: center;
    border-radius: 10px;
    color: #fff;
}

.courses .container h1 {

    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
    color: #fff;
    padding-top: 10px;
}
.courses .container .row .col-lg-3 {
    margin-top: 10px;
}
.courses .container .text {
    color: #fff;
    text-align: center;
}
.courses .container .row img {
    width: 100%;
}
.courses {
    background-color: #20717A;
}
.courses .container {
    padding-bottom: 20px;
}


.director .container h1 {

    text-align: center;
    margin-top: 50px;
    margin-bottom: 20px;
}
.director .container .row img {
    width: 100%;
}
.director .container .row {
    border: 1px solid #20717A;
    padding: 10px;
    margin: 10px;
    border-radius: 20px;
}


.contactus {
    background-color: #20717A;
}
.contactus .container p{

    text-align: center;
    margin-top: 50px;
    
    color: #fff;
    padding-top: 50px;
}
.contactus .container h1{

    text-align: center;
    margin-bottom: 20px;
    color: #fff;
    padding-top: 10px;
}




.footer {
    background-color: black;
    color: #fff;
    margin-top: 20px;
}
.footer .container {
    padding-top: 30px;
}