@import url('https://fonts.googleapis.com/css?family=Abril+Fatface|Open+Sans|Roboto+Slab|Roboto:400,400i,700');
body{

	padding-top: 70px;
	position:relative;
	
}
h1,h2,h3,h4{
	font-family: 'Abril Fatface',sans-serif;
	font-weight: 100;
	margin: 0;
	}

/*Navigation bar*/

header .navbar
{
	border-radius: 0;
	border: 0;
	background-color: blue;
	transition:all .5s ease-out;
	margin:0;
	padding-top: 10px;

}
.navbar-header{
	padding-bottom:45px;

}
header .navbar-default{
	background-color: red;

}
h2{

	padding-top:30px;
}
#nvb{
	background-color: #4d0000;

}


header .nav
{
	padding-top:10px;
	padding-bottom:60px;
	font-size: 20px;
	
}

header nav ul li a:hover{
	color:#eefe;
	border-radius: 5px;
}

header nav .nav .active a{
	font-weight:700px;
	color:red;
	background:transparent;
	border:0;
	border-bottom:5px solid orange;
	border-radius: 5px;
	}
.carousel-inner h3{
	text-align: center;
	padding-bottom: 10px;
}
.carousel-inner .item img
  {
      width: 100%;
      height: 700px;
      margin: auto;
  }


/**Images**/

div.img img {
    width: 250px;
    height:250px;
    margin-top: 25px;
}
img{
	max-width: 300px;
	border-radius: 5px;
	border: 3px solid #660000;
	text-align: center;
}
div.img img:hover {
    border: 5px solid #777;
}

.icon{


	width:80%;
	height:40%;
	border-radius: 10px;
	padding-bottom: 50px;
}
	
/**page**/
.page{
	padding: 10% 5%;
}
.page h2{
	text-align: center;
	margin: 30px;
}

#about{

	background-color: #E4D29D;
	background-image: linear-gradient(to bottom,#EEF08A, #819A2D);
	border-top: 20px solid rgba(238, 200, 86, .5);
	font-size: 20px;
}
.service
{
	margin: 20px 0;
	text-align: center;
} 
#gallery
{
	margin: 10px 0;
	text-align: center;
} 
#services h4{
	margin-bottom: 10px;
	padding-top: 25px;

}
#services{
	background-color:  #99ff66;
	background-image: linear-gradient(to bottom,  #99ff66,#eeffe6);
	border-top: 20px solid rgba(40, 128, 0, .5)
	
}
#gallery {
	background-color:  #ffc299;
	background-image: linear-gradient(to bottom,  #ffc299,#ffe0cc);
	border-top: 20px solid rgba(255, 133, 51, .5);
	

}
#contactus{

	background-color:   #ffbb99;
	background-image: linear-gradient(to bottom,  #ffbb99,#ffeee6);
	border-top: 20px solid rgba(255, 102, 26, .5);
	border-bottom: 20px solid rgba(179, 57, 0, .5);
	
}
#map{

	margin-top: 30px;
}
@media only screen
and (min-width: 450px)
and (max-width: 768px){
	.service p {
		padding: 0 20%;}

}
@media only screen and (min-width: 768px)
and (max-width: 970px){
	header .nav {
		padding-bottom: 30px;}

}
@media only screen
and (max-width: 450px){

	.img img {margin:0 15% 15% 15%;}


}

@media only screen and (max-width: 376px) {
    .service img {
      width: 180px;
      height: 130px;
    }
}
@media only screen and (max-width: 376px){

	.page h2{

		padding-top: 100px;
	}
}



    
@media only screen and (max-width: 1100px) {
     div.img img { width: 230px;
      height: 230px;
      margin:10% 0 10% 10%;
    }
}
@media only screen and (max-width: 376px) {

.carousel-inner .item img
  {
      height: 400px;
  }
}



@media only screen and (max-width: 376px) {
    div.img img {
      width: 150px;
      height: 150px;
      margin-top:15%;
}
    }
    @media only screen and (max-width: 376px) {
     .item img {
      height: 150px;
     }

}
@media only screen and (max-width: 330px) {
    #gallery {
     padding-right: 10px;    
    }
}

header .navbar-default .navbar-nav .active a:hover{
	color: red;
	text-shadow:none;
}

.space{
	display: inline-block;
	}
	
	 header nav .navbar{
		background: url(../images/logo.png);
		background-repeat: no-repeat;
		background-position: 15px 0;
	}

	
/**Footer**/

footer{


	background:#e6b3b3;
	color:black;
	
	padding:20px 0 20px 0;
}

footer a:hover{
	color: #800080 !important;
}
footer .navbar{
	margin-bottom: 0;
	min-height: 0;
	background: transparent;
	border: none;
}