/* css document*/


/* css document*/

@media screen and ( min-width: 480px) {
.top-header {
    
   width: 100%;
   display: inline-block; 
	background-color: #333;
	list-style: none;
	text-decoration: none;
	padding: 6px;
	 

} 

.top-header ul {
  width: 60%;

}

.top-header ul li{
    padding: .5em 2em 0 0; 
    font-size: 12px;
	float: left;
	font-family: 'Source Sans Pro', sans-serif;
     color: #fff;
	margin-right: 95px;
     list-style: none;

}

.make {
	display: inline-block;
    float: right;
	margin:0;
}
 
.make li {
	float: left;
	margin-top: -14px;
		padding: 0 4px 0 0;

} 
 .make a img {
    
    width: 16px;
 	border-radius: 40px;
 } 
 #main-header {
   
 	background: #fff;
 	
 }

#main-header img {
 	width: 230px;
 	margin-left: -15px;

 	
 }
 #control a:hover {

 	background: #333;
 	color: #fff;

 }


 #main-header #top {
  margin-left:10%;
  font-weight: 600;
  font-size: 18px;

 }
#top li {

	display: inline-block;
}

 #space {

 	margin-top: -30px;

 }

 #float {

 	float: left;
 	margin:  40px ;
 	
 }


 #shape {
   float: left;
 display: inline-block;
     width: 100%;
    
     background-image: url(IMG/123.jpeg);
 	background: #09f;
 }

  #shape .card-body {
   
 	background: #fff;
 	 border: 2px solid #fff;
 	 color: #333;
 }
 #scape {
   float: left;
    
     width: 100%;
    
  
 	background: #;
 	color:#fff;
 }

 #scape .card-body {
    
 	background-color: #333;
 }
 #shape .btn {
 	background-color:#333;
 	border: 1px solid #666; 
 } 

 #scape .btn {

 	background-color: #333;
 	color:#fff;
 	border: 1px solid #fff;
 }





 section h2 {
  text-align: center;
  color: #fff;
  padding-top: 20px;
 
  font-weight: 500; 
  font-size: 29px;

}

article {
	display: inline-block;
	width: 93%; 
	background-position: 710px;
	background-size: 45%;
	background-repeat: no-repeat;
	background-image: url(IMG/111.jpeg);
	margin: 1% 3.5%;
}

.main-article{
 display: inline-block;
 width: 100%;
 
 background:rgba( 45,110,46,.9);
}  
 


hgroup {
	display: inline-block;
	color: #fff;
	margin: 3em 4em;
	
	
}article h1{
	color: #fff;
	
}
article a {
	color: #fff;
}
article p {
	
}

.main-footer {
    width: 95%;
    margin: 4% auto; /*95*/
    display: inline-block;
    text-decoration: none;
    list-style-type;
}

#drop-footer .vm {
display: inline-block;
	width: 15%;
	float: left;
	margin: 2% 2%;
	

}
#drop-footer .vm li {
padding-top: 5%;
	

}

#drop-footer .blue {

	width: 20%;
	float: left;
	margin: 2% 2%;
	
	
	

}

#drop-footer .blue img {

	width: 15%;
	float: left;
	margin: 7% 2%;
	border-radius: 26px;
	
	
	

}

#drop-footer li {
	list-style-type: none;
	font-size: 12px;
}
#drop-footer h4 {
	
	font-size: 16px;
}
 #drop-footer p  {
	
	font-size: 12px;
}

#drop-footer li {
	list-style-type: none;
}




}
@media screen and ( min-width: 1000px) {


.top-header {
    
   width: 100%;
   display: inline-block; 
	background-color: #333;
	list-style: none;
	text-decoration: none;
	padding: 6px;
	 

} 

.top-header ul {
  width: 60%;

}

.top-header ul li{
    padding: .5em 2em 0 0; 
    font-size: 12px;
	float: left;
	font-family: 'Source Sans Pro', sans-serif;
     color: #fff;
	margin-right: 95px;
     list-style: none;

}

.make {
	display: inline-block;
    float: right;
	margin:0;
}
 
.make li {
	float: left;
	margin-top: -14px;
	padding: 0 4px 0 0;

} 
 .make a img {
    
    width: 16px;
 	border-radius: 40px;
 } 
 #main-header {
   
 	background: #fff;
 	height: 120px;
 	border-bottom: 2px solid #09f ; 
 	
 }

#main-header img {
 	width: 280px;
 	margin-left: -15px;

 	
 }
 #control a:hover {

 	background: #333;
 	color: #fff;

 }


 #main-header #top {
  margin-left:10%;
  font-weight: 600;
  font-size: 18px;

 }
#top li {

	display: inline-block;
}

 #space {

 	margin-top: -30px;

 }

 #float {

 	float: left;
 	margin:  50px ;
 	border-top: 3px solid #06f;
 	border-right: none;
 	border-left:none;
 	border-radius: 6px;
 	
 }


 #shape {
   float: left;
 display: inline-block;
     width: 100%;
    
     
     background-image: url(IMG/123.jpeg);
 	background: #333;
 }
#shape h2 {

	font-size: 38px;
	margin: 15px;
} 


  #shape .card-body {
    
 	background: #fff;
 	 border: 2px solid #fff;
 	 color: #333;
 }
 #scape {
   float: left;
    
     width: 100%;
   
  
 	background: #;
 	color:#fff;
 }

 #scape .card-body {
     
 	background-color: #333;
 }
 #shape .btn {
 	background-color:#333;
 	border: 1px solid #666; 
 } 

 #scape .btn {

 	background-color: #333;
 	color:#fff;
 	border: 1px solid #fff;
 }





 section h2 {
  text-align: center;
  color: #fff;
  padding-top: 20px;
 
  font-weight: 500; 
  font-size: 29px;

}

article {
	display: inline-block;
	width: 93%; 
	background-position: 710px;
	background-size: 45%;
	background-repeat: no-repeat;
	background-image: url(IMG/111.jpeg);
	margin: 1% 3.5%;
}

.main-article{
 display: inline-block;
 width: 100%;
 
 background:rgba( 45,110,46,.9);
}  
 


hgroup {
	display: inline-block;
	color: #fff;
	margin: 3em 4em;
	
	
}article h1{
	color: #fff;
	
}
article a {
	color: #fff;
}
article p {
	
}

#main-nav li{
	float: left;
	list-style:none;
	width:30.3%;
	margin: 1.5%;
	background:none;
	
	
}
#main-nav li {

	font-size: 18px;
} 
.main-footer {
    width: 95%;
    margin: 4% auto; /*95*/
    display: inline-block;
    text-decoration: none;
    list-style-type;
}

#drop-footer .vm {
display: inline-block;
	width: 15%;
	float: left;
	margin: 2% 2%;
	

}
#drop-footer .vm li {
padding-top: 5%;
	

}

#drop-footer .blue {

	width: 20%;
	float: left;
	margin: 2% 2%;
	
	
	

}

#drop-footer .blue img {

	width: 15%;
	float: left;
	margin: 7% 2%;
	border-radius: 26px;
	
	
	

}

#drop-footer li {
	list-style-type: none;
	font-size: 12px;
}
#drop-footer h4 {
	
	font-size: 16px;
}
 #drop-footer p  {
	
	font-size: 12px;
}

#drop-footer li {
	list-style-type: none;
}




}