@charset "UTF-8";
*{
   margin:0;
   padding: 0;
   font-family: Quicksand;
   text-decoration: none; 
}
@media(max-width:568px){
  .pimg1, .pimg2, .pimg3, .pimg4, .pimg5{
    background-attachment:scroll;
    /*position: inherit;*/

  }
}
.clearfix{ overflow: auto; }
 
              /*section */                      

.content{
	margin-top: 80px;
	width: 100%;
	height: 742px;
	background: #fff;
	margin: 0 auto;
}
.bx{
    width:1230px; 
	margin: 0 auto;
}
.box{
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	width:400px;
	height: 356px;
	background: #30bed5;
	/*background-image: url(../img/box1.jpg);
	background-size: 100%;*/
}
#b2{background: #865a90;}
#b3{background:  #7ec678;}
#b4{background: #6b7bb7;}
#b5{background: #fe7878;}
.box p{color:#fff;text-align: center;margin: 5px;font-size: 17px;}
.box h1{color:#fff;text-align: center;padding-left: 20px; }
.box h2{text-align: center;font-size: 18px; color:#42405a;}
.box h2:hover{color:#fff;}
hr{
    max-width: 1200px;
    height: 4px;
    border-style: none;
    /*background: -webkit-linear-gradient(left, black, #0672d0);*/
  /* background: linear-gradient(to right, rgba(255,0,0,1), rgba(255,0,0,0));*/
  background: -webkit-linear-gradient(left, black, #0672d0);
   margin:30px auto;
}
.soci{width: 100%;height: 205px; background:#e6e3e3;margin-bottom: 50px; margin-top: 50px;}
.socisection{width: 960px;height: 160px;margin: 0 auto;}
.soci1{width: 140px;height: 140px;margin-top:20px;float: left;padding: 0 50px;}
.soci1 a i{font-size: 100px;color: #fff; /*text-align: center;*/ margin: 0 auto;/*width: 150px;height: 150px;*/padding: 15px 5px; background: black; border-radius: 100%;}
.soci1 a i:hover{font-size: 96px;padding: 15px 5px;transition: .3s;}
#s1{background: #537bbe;}
#s2{background: #77ccf1;}
#s3{background: #e4405f;}
#s4{background: #bb2025;}
.social{
	margin-top: 430px;
	position: static;
	width: 200px;
	height: 60px;
	background: white;
	border: 3px solid #4aa876;
	border-radius: 10px;
	background: url(../img/fb-cover.jpg);
	float: left;
	transition: .5s;
	color: #fff;
	display: none;
}
.social:hover{
	background-image: url(http://www.achievingreverenceinlife.com/img/fb-cover2.jpg);
	color: white;
	border: 3px solid #09d9ff;
}
.social p{
	font-size: 18px;
	margin-top: 1px;
	text-align: center;
    font-family: Quicksand;
}
.social-icon{
	width: 130px;
	margin: 0px auto;
	
}
.social i{
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 2px;
	text-align: center;
	font-size: 15px;
	color: white;
	background: #3b5998;
	border-radius: 100%;
	padding: 6px 5px;
	transition: .5s;
}


#fa{color:white}
#tw{color: white;background: #1dcaff; }

#in{
   background: #d6249f;
   background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
}

#fa:hover{color:white;background: black}
#tw:hover{color:white;background: black}
#in:hover{color:white;background: black}


                 /*section */

@media (max-width: 1230px){
.content{
	margin-top: 20px;
	width: 100%;
	height: 1100px;
}

.bx{
    width:820px; 
	margin: 0 auto;
	background: red;
}
.box{
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	width:400px;
	height: 356px;
	background: #30bed5;
	/*background-image: url(../img/box1.jpg);
	background-size: 100%;*/
}

}


@media (max-width: 1134px){
	.social{
	margin-top: 430px;
}
}

@media (max-width: 1023px){
	.social{
	margin-top: 430px;
	position: static;
	transition: .4s;
	color: #fff;
}
}

@media (max-width: 960px){

.soci{width: 100%;height: 100px;margin-bottom: 40px; margin-top: 40px;}
.socisection{width: 560px;height: 100px;margin: 0 auto;}
.soci1{width: 40px;height: 85px;margin-top:10px;}
.soci1 a i{font-size: 50px;color: #fff; /*text-align: center;*/ margin: 0 auto;padding: 15px 7px;}
.soci1 a i:hover{font-size: 48px;padding: 15px 7px;transition: .3s;}
}

@media (max-width: 823px){

.content{
	margin-top: 20px;
	width: 100%;
	height: 1235px;
}

.bx{
    width:640px; 
	margin: 0 auto;
}
.box{
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	width:300px;
	height: 400px;
	background: #30bed5;

}
.box p{color:#fff;text-align: center;margin: 5px;font-size: 14px;}
.box h1{color:#fff;text-align: center;padding-left: 20px; }
.box h2{text-align: center;font-size: 16px; color:#42405a;}

}

@media (max-width: 640px){
	.social{
	margin-top: 405px;
	position: static;
	transition: .4s;
	color: #fff;
}
.content{
	margin-top: 20px;
	width: 100%;
	height: 2340px;
}

.bx{
    width:480px; 
	margin: 0 auto;
}
.box{
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	width:480px;
	height: 380px;
	background: #30bed5;

}
.box p{color:#fff;text-align: center;margin: 5px;font-size: 18px;}
.box h1{color:#fff;text-align: center;padding-left: 20px; }
.box h2{text-align: center;font-size: 16px; color:#42405a;margin-top: 10px;}

}


@media (max-width: 5780px){
.soci{width: 100%;height: 80px;margin-bottom: 40px; margin-top: 40px;}
.socisection{width: 360px;height: 80px;margin: 0 auto;}
.soci1{width: 20px;height: 60px;margin-top:10px;padding: 0 35px;}
.soci1 a i{font-size: 25px;color: #fff; /*text-align: center;*/ margin: 0;padding: 15px 10px;}
.soci1 a i:hover{font-size: 23px;padding: 15px 10px;transition: .3s;}
}

@media (max-width: 482px){
    .social{
	margin-top: 350px;
}
.content{
	margin-top: 20px;
	width: 100%;
	height: 2900px;
}

.bx{
    width:360px; 
	margin: 0 auto;
}
.box{
	margin-left: 10px;
	margin-top: 10px;
	float: left;
	width:360px;
	height: 470px;
	background: #30bed5;

}

}
@media (max-width: 380px){
	.social{
	margin-top: 230px;
}
.content{
	margin-top: 20px;
	width: 100%;
	height: 2900px;
}

.bx{
    width:320px; 
	margin: 0 auto;
}
.box{
	margin-top: 10px;
	margin-left: 0px;
	float: left;
	width:320px;
	height: 470px;
	background: #30bed5;

}
.box p{color:#fff;text-align: center;margin: 5px;font-size: 16px;}
.box h1{color:#fff;text-align: center;padding-left: 10px; }
.box h2{text-align: center;font-size: 16px; color:#42405a;margin-top: 10px;}

.soci{width: 100%;height: 80px;margin-bottom: 40px; margin-top: 40px;}
.socisection{width: 280px;height: 80px;margin: 0 auto;}
.soci1{width: 16px;height: 60px;margin-top:10px;padding: 0 25px;}
.soci1 a i{font-size: 20px;color: #fff; /*text-align: center;*/ margin: 0;padding: 15px 10px;}
.soci1 a i:hover{font-size: 18px;padding: 15px 10px;transition: .3s;}
}

@media (max-width: 360px){
	.social{
	margin-top: 230px;
}
.content{
	margin-top: 20px;
	width: 100%;
	height: 2900px;
}

.bx{
    width:320px; 
	margin: 0 auto;
}
.box{
	margin-top: 10px;
	margin-left: 0px;
	float: left;
	width:320px;
	height: 470px;
	background: #30bed5;

}
.box p{color:#fff;text-align: center;margin: 5px;font-size: 16px;}
.box h1{color:#fff;text-align: center;padding-left: 10px; }
.box h2{text-align: center;font-size: 16px; color:#42405a;margin-top: 10px;}

.soci{width: 100%;height: 80px;margin-bottom: 40px; margin-top: 40px;}
.socisection{width: 280px;height: 80px;margin: 0 auto;}
.soci1{width: 16px;height: 60px;margin-top:10px;padding: 0 25px;}
.soci1 a i{font-size: 20px;color: #fff; /*text-align: center;*/ margin: 0;padding: 15px 10px;}
.soci1 a i:hover{font-size: 18px;padding: 15px 10px;transition: .3s;}
}

}

@media (max-width: 320px){
.content{
	margin-top: 20px;
	width: 100%;
	height: 2900px;
}

.bx{
    width:320px; 
	margin: 0 auto;
}
.box{
	margin-top: 10px;
	margin-left: 0px;
	float: left;
	width:320px;
	height: 470px;
	background: #30bed5;

}
.box p{color:#fff;text-align: center;margin: 5px;font-size: 16px;}
.box h1{color:#fff;text-align: center;padding-left: 10px; }
.box h2{text-align: center;font-size: 16px; color:#42405a;margin-top: 10px;}

.soci{width: 100%;height: 80px;margin-bottom: 40px; margin-top: 40px;}
.socisection{width: 280px;height: 80px;margin: 0 auto;}
.soci1{width: 16px;height: 60px;margin-top:10px;padding: 0 25px;}
.soci1 a i{font-size: 20px;color: #fff; /*text-align: center;*/ margin: 0;padding: 15px 10px;}
.soci1 a i:hover{font-size: 18px;padding: 15px 10px;transition: .3s;}
}
}