@charset "utf-8";
/* CSS Document */

/*-------------------- Desktop CSS Start --------------------*/

/*-- Header Section Start --*/
.sky-banner{
background:url(../img/about-banner-img.jpg);
background-size: cover;
width: 100%;	
padding: 8em 1em;
background-position: center 30%;
border: 4px solid #fbad1d;
-webkit-box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
-moz-box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
box-shadow: -4px 14px 24px -5px rgba(0,0,0,0.27);
}
/*-- Header Section End --*/

/*-- Welcome Section Start --*/
.sky-about-welcome{
padding-top:5em;	
padding-bottom:1em;	
}
/*-- Welcome Section End --*/

/*-- About Content Section Start --*/
.sky-about-acs{
padding-top:1em;
padding-bottom:3em;	
}
.sky-about-acs h2{
color: #fbad1d;
font-size: 32px;
font-weight:900;
line-height: 46px;
text-align:center;
margin-bottom:1em;
font-family: 'Kalam', cursive;	
}
.sky-about-acs p{
color: #242424;
font-size:16px;
line-height:28px;
}
.sky-about-acs p span{
color: #fbad1d;
font-weight:600;
}
/*-- About Content Section End --*/

/*-------------------- Desktop CSS End --------------------*/

/*-------------------- Responsive CSS Start --------------------*/

@media (max-width: 991px) { 
/*-- Welcome Section Start -- */ 
.sky-about-welcome {
padding-top: 4em;
padding-bottom: 2em;
text-align: center;
}
/*-- Welcome Section End -- */ 
}

@media (max-width: 768px) { 
/*-- About Content Section Start --*/
.sky-about-acs h2{
font-size: 28px;
line-height: 42px;
}
/*-- About Content Section End --*/
}

@media (max-width: 480px) { 
/*-- Header Section Start --*/
.sky-banner{
padding: 0em;
background-color:#efe6d9;
background-image: none !important;
}
.sky-banner h1 {
font-size: 28px;
padding:1em 1em 0.25em 1em;
text-align:center;
width:100%;
}
.banner-sc{
display: block;	
}
/*-- Header Section End --*/
}
/*-------------------- Responsive CSS End --------------------*/