@import url('https://fonts.googleapis.com/css?family=ZCOOL+QingKe+HuangYou');
@import url('https://fonts.googleapis.com/css?family=Felipa|ZCOOL+QingKe+HuangYou');

body{
	margin: 0;
}

.topbar{
	   height: 70px;
	   width: 100%;
	   display: flex;
	   justify-content: space-between;
	   align-items: center;
	   position: fixed;
	   background-color: white;
	   z-index: 300;

}

nav a{
       text-decoration: none;
       font-size: 1.5rem;
       padding: 0px 6px 0px 6px;
       color: #d92727;
       font-family: 'ZCOOL QingKe HuangYou', cursive;
       text-shadow: 1px 1px 2px black;
       font-weight: bold;
       }

 .social a{
 	     font-weight: bold;
 	     font-size: 1.6rem;
 	     padding: 0px 7px 0px 7px;
 }

.banner{
	   background: url(images/2.jpg);
	   height: 600px;
	   background-size: cover;
	   background-attachment: fixed;
	   display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
}

.about-banner{
	   background: url(images/aboutbanner.jpg);
	   height: 600px;
	   background-size: cover;
	   background-attachment: fixed;
	   display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
}


.firstchild{
	        font-size: 2.7rem;
	        color: orange;
	        text-shadow: 1px 1px 2px black;
	        font-family: 'ZCOOL QingKe HuangYou', cursive;
	        
}

.secondchild{
	        font-size: 2.0rem;
	        color: pink;
	        text-shadow: 1px 1px 2px black;
	        font-family: 'ZCOOL QingKe HuangYou', cursive;
            font-family: 'Felipa',cursive;
            border-bottom: 4px solid grey;
            border-top: 4px solid grey;
            padding: 15px 0px 15px 0px; 
}

.thirdchild{
	       font-size: 2.7rem;
	       color:#d92727 ;
	       text-shadow: 1px 1px 2px black;
	       background-color: white;
	       border-radius: 5px;
	      border: 3px solid #d92727; 
}

.brand{
	   color:#d92727 ;
	       font-size: 1.5rem;
	       text-shadow: 1px 1px 2px black;
	       background-color: white;
	       border-radius: 5px;
	      border: 2px solid #d92727; 
}

.intro{
	background-image: url(images/3.jpg);
	height: 170px;
	background-position:center;
	background-size: cover;
	background-repeat: no-repeat;
	display: flex;
	justify-content: center;
	flex-direction: column;
	/*text-align: center;*/
	align-items: center;
	opacity: 0.9;
	background-attachment: fixed;
}

.text{
	text-transform: capitalize;
	font-size: 2.5rem;
	color: #fff;

}

.text2{
	background-color: teal;
	padding: 10px;
	text-transform: uppercase;
    color: #fff;
}

.parent{
	display: flex;
	flex-direction: column;
	justify-content: space-around;
}

.child1{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}

.child2{
	flex: 1;
	display: flex;
	flex-wrap: wrap;
}

.child1-item1{
	flex: 1;
	height: 390px;
	margin: 3px;
	background-image: url(images/4.jpg);
	background-position: center;
	opacity: 0.8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: #fff;
}

.child1-item2{
	flex: 1;
	height: 390px;
	margin: 3px;
	background-image: url(images/5.jpg);
	opacity: 0.8;
	background-position: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.child2-item1{
	flex: 1;
	height: 390px;
	margin: 3px;
	background-image: url(images/6.jpg);
	background-position: center;
	opacity: 0.8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.child2-item2{
	flex: 1;
	height: 390px;
	margin: 3px;
	background-image: url(images/7.jpg);
	opacity: 0.8;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.service-banner{
	height: 600px;
	background:url(images/service.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.fine-girls{
	background: linear-gradient(rgba(141,168,1,0.7),rgba(104,46,23,0.8)), url('images/finegirls.jpg');
	background-size: cover;
	background-position: center;
}

.testimony{
	background:linear-gradient(rgba(150,120,210,0.7),rgba(211,113,198,0.2)); 
}
.network{
	   height: 700px;
	   background:linear-gradient(rgba(120,200,110,0.9),rgba(112,211,121,0.1));
}
.service2{

	display: flex;
	flex-direction: column;
	background:linear-gradient(rgba(245,101,2,0.4),rgba(210,104,3,0.4)), url(images/p7.jpg);
	

}