*{
    padding: 0%;
    margin: 0%;
    
}
body{
    box-sizing: border-box;
    background-color:#f8fafc; 
}
@font-face {
    font-family: f1;
    src: url("../fonts/Barriecito-Regular.ttf");
}
@font-face {
    font-family: f2;
    src: url("../fonts/BowlbyOne-Regular.ttf");
}
@font-face {
    font-family: f3;
    src: url("../fonts/BungeeInline-Regular.ttf");
}
@font-face {
    font-family: f4;
    src: url("../fonts/FasterOne-Regular.ttf");
}
@font-face {
    font-family: f5;
    src: url("../fonts/KalniaGlaze-VariableFont_wdth\,wght.ttf");
}
@font-face {
    font-family: f6;
    src: url("../fonts/SigmarOne-Regular.ttf");
}
.he{
    font-family: f5;
}
p{
    margin-bottom: 15px;
    line-height: 1.8;
    color: #6b6b84;
    font-weight: 400;
    font-family: "Roboto", sans-serif;
    font-size: 16px;
}
#head{background:#f3f2f7;
color:#ffffff;
margin: 0%;padding: 0px;
text-align: center;
}
.stitle{
    padding-right:0px; 
     padding-left:0px;
}
#my img {
    height: px;
}
#history{
    background: #75c2ef;
}

#mynavbar li a {
    color:white;
}

#mynavbar li a:hover,nav-link .active {
    color: rgb(75, 232, 238);
}

.section {
    padding-top: 20px;
    padding-bottom: 20px;
}

.section h1 {
    text-align: center;

}

.section p {
    text-align: justify;

}

#about {
    background: #28dddd;
   
}
#footersidebar {
    background: #29166f;
    color: white;

}

#footersidebar h3 {
    font-size: 1.3rem;
    color: #1f9c8c;

}

.footer-widget h3:after {
    content: "";
    background: #c1c2c2;
    display: block;
    width: 50px;
    height: 2px;
    margin: 5px;

}

.footer-widget ul {
    list-style: none;

    margin: 0px;
    padding: 0px;
}

.footer-widget li a {
    text-decoration: none;
    color: white;
}

.footer-widget li a:hover {

    color: #33CAFF;

}

.footer-widget li a::before {

    content: "\f101";
    font-family: FontAwesome;
    padding-right: 5px;


}

#foot {
    background-color:#150847 ;
   
    color: rgb(245, 251, 252);
    padding: px 0;
}

#social {
    list-style: none;
   
    margin: 0px;
    padding: 0px;
}

#social li a {
    display: inline-block;
    color: rgb(234, 241, 241);
    font-size: 15px;
    margin-right: 10px;

}

#social li {
    display: inline-block;

}
.faci{
    margin-bottom: 3rem;
}
@media (max-width:768px)
{
    .footer-widget {
        text-align: center;
        padding-top: 15px;


    }
#head img{height:200px;}
   #my img {
    height:350px;
}
#agi img{height:300px;}
   

    .section {
        padding-top: 20px;
        padding-bottom: 10px;
    }

    #footersidebar h3::after {
        content: "";
        background: #c1c2c2;
        display: none;
        width: 50px;
        height: 2px;
        margin: 5px;

    }

    .footer-widget {
        padding-bottom: 10px;
    }
   #footersidebar #logo1 {
        padding-top: 0px; 
    }

    #foot {
        text-align: center;

    }
    
    #social {
        margin-top: 5px;
       
    }
   

}