@charset "utf-8";
/* CSS Document */

/*-------------------- Desktop CSS Start --------------------*/

/*-- Header Section Start --*/
.sky-banner{
background:url(../img/gallery-banner-img.jpg);
background-size: cover;
background-position:center 50%;
width: 100%;	
padding: 10em 1em;
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 --*/

/*-- Gallery Section Start --*/
.gallery-sec{
padding-top:5em;
padding-bottom:3em;	
}
.gallery-sec img{
margin-bottom:2em;
border:1px solid #fbad1d;
}
.git-contact-sec h2{
color: #fbad1d;
font-size: 32px;
line-height: 46px;
font-family: 'Kalam', cursive;	
}

/*-- Contact Section End --*/

/*-------------------- Desktop CSS End --------------------*/

/*-------------------- Responsive CSS Start --------------------*/

@media (max-width: 991px) { 
/*-- Header Section Start --*/
.sky-banner {
    padding: 6em 1em;
}
/*-- Header Section End --*/

/*-- Contact Section Start --*/
.git-contact-sec{
padding-top:1em;
padding-bottom:3em;	
}
.git-contact-sec h2{
margin-top:2em;
}
/*-- Contact Section End --*/
}

@media (max-width: 768px) { 

/*-- Contact Section Start --*/
.git-contact-sec h2{
font-size: 28px;
line-height: 42px;
}
.git-contact-sec h3 {
font-size: 20px;	
}
/*-- Contact 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 --------------------*/

