@import url(http://fonts.googleapis.com/css?family=Open+Sans);

/* ++ Browser Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}table{border-collapse:collapse;border-spacing:0;} .clear{ clear:both;}
 
 
/* ++ Selected Text */
::selection { background-color: #D94343; color: #fff; } 
::-moz-selection { background-color: #D94343; color: #fff; }

/* ++ Clearfix */
.clearfix:before,.clearfix:after { content:"";  display:table;}
.clearfix:after { clear:both;}.clearfix { zoom:1;}			

/*General*/ 
body { font: 28px/1.3em  Open Sans, Arial, Helvetica, sans-serif;   color:#333;  background: #15BBEB; } 
a:link, a:visited, a:active { color:#fff; text-decoration:none;}
a:hover {text-decoration: none;}
 


.wrapper { text-align: justify;  display: block; width: 1024px; margin:110px auto 40px;  }
.wrapper img{   margin:0 auto 40px; display: block; width: 100%  }
.wrapper h1{ font-size: 26px; font-weight: 700    }
.wrapper p{ font-size: 20px;   margin:30px auto 20px;  }
 
@media only screen and (min-width: 841px) and (max-width:1024px) {

	.wrapper { font-size: 18px; width: 760px; line-height:1.2em;   }
	.wrapper img{   margin:0 auto 30px; width: 100% }
	.wrapper h1{ font-size: 18px; font-weight: 700    }
 	.wrapper p{  font-size: 14px;  margin:20px auto 20px;  }


}


@media only screen and (min-width: 500px) and (max-width:840px) {

	.wrapper { font-size: 18px; width: 540px; line-height:1.2em;   }
	.wrapper img{   margin:0 auto 30px; width: 100% }
	.wrapper h1{ font-size: 18px; font-weight: 700    }
 	.wrapper p{  font-size: 14px;  margin:20px auto 20px;  }


}

@media only screen and (min-width: 200px) and (max-width:540px) {

	.wrapper {font-size: 16px; width: 360px;  line-height:1.2em;  }
	.wrapper img{   margin:0 auto 30px; width: 100% }
	.wrapper h1{ font-size: 18px; font-weight: 700    }
 	.wrapper p{  font-size: 14px;  margin:20px auto 20px;  }


}