/* CSS Document */
@media screen and ( min-width: 480px ) {

header img {
    margin-top: 30px;
	display:inline-block;
	  text-align: center; 
	width: 320px;
	
} 

article, article a {

	color:white;
}

.err {
	font-size: 12px;
	font-weight: 100;

}

footer {
	margin: 40px;
color: #fff;
font-family: 'Source Sans Pro', sans-serif;
font-size: 14px;
text-align: center;
display:  inline-block;
}

.pass {
    font-size: 18px; 
	border: 2px solid #fff;
	background-color:#09f;
	padding: 6px;
	width: 140px;
	border-radius: 40px;
	font-family: 'Source Sans Pro', sans-serif;

}

.mass {
	margin-bottom: 20px;
}

section p {

	display: inline-block;
}

.bi {

	background-color: #1C394F;
}
 	 .mi {
 	 	background-color: #960;
 	 }
 .mi .h3 {

 	padding-top:  0px;
 } 	 




}




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

#bigwrapper {

	text-align:  center;
	background-color: #06f;

}

header img {
	margin-top:8px;
	display:inline-block;
	  text-align: center; 
	width: 560px;
	
} 
article h3 {
	margin-top:  7px;
	 font-size: 55px;
	 font-weight: 400px;
	 font-family:'Poiret One', cursive; 
} 


.err {
	font-size: 24px;
	font-weight: 100;
	text-align: center;
	margin: 5px 35px;

}

footer {
	margin: 46px;

font-family: 'Poiret One', cursive;
font-size: 12px;
font-weight:  100;
text-align: center;
display:  inline-block;
}

.pass {
    font-size: 20px; 
	border: 2px solid #fff;
	background-color:#06c;
	padding: 7px;
	width: 140px;
	border-radius: 40px;
	font-family: 'Poiret One', cursive;
	color: #fff;

}

.mass  {
	margin-bottom: 23px;
	color:#000;

}

section p {

	display: inline-block;
}

.bi {

	background-color: #1C394F;
}
 	 .mi {
 	 	background-color: #960;
 	 }
 .mi .h3 {

 	padding-top:  0px;

 } 	 


.case {
   display: block;
   margin-top: 5px;
   background-color: #fff;

 }

 .case li {
 	display:  inline-block; 
 }
 .case a img {
    margin-top: -20px;
 	width: 40px;
 	border-radius: 40px;
 } 


 .case p {

 	color: #06f;
 	font-size: 18px;
 	font-weight: bold;
 } 

































<section>

<article class="bi">
<h3> Are you a startup</h3>
<p  class="err"> all you need to  legally about starting up your own small and medium scale enterprise </p>
</article>


<article class="mi">
<h3> Go pro </h3>
<p  class="err"> all you need to  legally about starting up your own small and medium scale enterprise </p>
</article>
</section>