.big{

    height: 100%;
    width:100%;
    /* Center and scale the image nicely */
    /*background-attachment: fixed;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body{
    margin:0px;
}

.Section1, .Section2, .Section3, .Section4, .Section5{
    overflow:hidden;
}
.text_banner{
    background-color: rgb(199, 199, 199);
    position:relative;
    top: 87%;
    left: 5%;
    width: 25%;
    height: 8%;
    text-align: center;
    font-size: 150%;
    padding-top:1%;
    border-radius: 50%;
    border-color:black;
    border-style: solid;
    border-width: 1px;
    vertical-align: center;
    font-family: 'Black Ops One';
}

.right_button {
    position: absolute;
    top: 45%;
    right: 4%;
    cursor: pointer;
    text-align: center;
    font-family: "Lato";
    color :rgb(197, 176, 176);
    font-size: 50px;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0);  
    border-radius: 25px;


}


.left_button{
    position: absolute;
    top: 45%;
    left: 4%;
    cursor: pointer;
    text-align: center;
    font-family: "Lato";
    color : rgb(197, 176, 176);
    font-size: 50px;
    padding: 10px 20px;
    background-color: rgba(255, 255, 255, 0);  
    border-radius: 25px;
}



.left_part{
    position:relative;
    float:left;
    height: 100%;
    width:50%;
    background-color: rgba(41, 39, 107, 0.637);
}

.left_part_text_box{
    margin-top:15%;
    text-align: right;
    font-size: 300%;
    padding-right: 10%;
    color: rgb(57, 129, 245);
    /* font-family: 'Source Code Pro'; */
}

.right_part{
    position:relative;
    float:left;
    width:50%;
    height: 100%;
    background-color: rgba(182, 36, 36, 0.664);
}

.right_part_text_box{
    margin-top: 15%;
    text-align: center;
    font-size: 150%;
    color: white;
    line-height: 200%;
}

.banner{
    height: 100%;
    width: 100%;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_us_bg{
    margin-top:0px;
    float:left;
    height: 100%;
    width: 50%;
    margin-left: 0%;
    text-align: center;
    font-size:500%;
    color : white;
    padding-top:18%;
    font-family: 'Lobster';
    background-image: url('about_us_bg.jpeg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.about_us_content{
    float:left;
    width: 50%;
    height: 100%;
    font-family :  'Raleway';
    font-size:90%;

}

.mission_head{

    float:top;
    width:100%;
    padding-top:3%;
    text-align:center;
    font-size: 250%;
    color: white;
}

.mission_text{

    float:top;
    width: 80%;
    padding:10%;
    text-align:center;
    color :white;
    font-size: 150%;
}

.overlay{
    /* position:absolute; */
    width:100%;
    height: 100%;
    background-color:rgba(3, 3, 3, 0.479);
}

.events_head{
    position:relative;
    top:5%;
    font-family: 'Amatic SC';
    width:100%;
    height:10%;
    text-align: center;
    color:white;
    font-size: 500%;
}

.calender_item{
    float:left;
    width:20%;
    height:30%;
    margin-left: 20%;
    margin-top:10%;
    padding:1%;
    background-color: rgba(255, 255, 255, 0.397);
    color:white;
    text-align: center;
    font-size: 150%
}

.contact_us_head{
    padding-top:1%;
    text-align: center;
    font-size: 400%;
    font-family: 'Amatic SC';
}

.S7a, .S7b, .S7c{
    float: left;
    text-align: center;
    color:rgb(226, 209, 209);
    padding-top: 3%;
}

.S7a{
    padding-left:30%;
}

.S7b{
    padding-top:3%;
    padding-left: 5%;
    width:20%;
    font-size: 80%;
}

.placard{
    float : left;
    margin:4%;
    width: 15%;
    height: 45%;
    border-style:solid;
    border-width: 1px;
    border-color:black;
    border-radius: 5%;
    overflow:hidden;
}

.placard-name{
    text-align: center;
    width: 100%;
    height: 10%;
    font-size:100%;
}
.placard-designation{
    text-align: center;
    widows: 100%;
    height: 10%;
    font-size: 100%;
}

.navbar{
    width:13%;
    position: absolute;
    left:80%;
    top:10%;
}

.navbar_content{
    font:130%;
    text-align: center;
    background-color: white;
    width:100%;
    padding:3%;
    /* border-style:dotted;
    border-width:1px;
    border-color:black; */
}

.navbar_content:hover{
    background-color: rgb(211, 211, 211);
    cursor: pointer;
}

a{
    text-decoration: none;
    color: inherit;
}

.button{
    text-align: center;
    width : 20%;
    padding:1%;
    margin-top : 5%;
    margin-left:35%;
    border-radius: 1%;
    font-size:200%;
    border-style: solid;
    border-color:rgb(36, 36, 36);
    border-radius: 10%;
}

.button:hover{
    cursor:pointer;
    background-color: rgb(36, 36, 36);
    color:white;
}