@charset "utf-8";
/*  
   v1.0 20150301 | Will
*/


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 {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    /*font: inherit;*/
    vertical-align: baseline;
    text-decoration: none;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	background-color: #E6E6E6;
	width: 100%;
	/*overflow: hidden;*/
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a{
	color: #666;
	outline: none; /* for Firefox Google Chrome  */
    behavior:expression(this.onFocus=this.blur()); /* for IE */
}

.nothing {
    padding: 50px 0px;
}

.cover .content {
	background-color: #f58c99!important; }

.cover .table {
	text-align: center;
    position: relative;
	display: inline-block; }
	.cover .table span {
		line-height: 2; }
	.cover .nothing hr {
		border-top: 1px solid #f35f51 !important; }

.cover img {
	background-color: white;
	width: 15vw; }

.cover {
	display: none; }
  
  .cover.active {
	display: block;
	width: 100%;
	height: 100vh;
	position: fixed;
	background: rgba(0, 0, 0, 0.7);
	z-index: 9999;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	overflow-y: auto;
	overflow-x: hidden; }
	.cover.active .content {
	  position: absolute;
	  max-width: 750px;
	  width: 100%;
	  padding: 25px;
	  left: 50%;
	  -webkit-transform: translateX(-50%);
	  -ms-transform: translateX(-50%);
	  transform: translateX(-50%);
	  background: #fbfbfb;
	  font-size: 16px;
	  line-height: 1.5;
	  text-align: center;
	  margin: 10% auto 20%; }
	  .cover.active .content p {
		text-align: left; }
	  .cover.active .content h2 {
		text-align: center;
		font-size: 3rem;
		position: relative;
		display: inline-block; }
		.cover.active .content h2:after {
		  content: "";
		  width: 100%;
		  height: 1px;
		  display: block;
		  margin-top: 10px; }
	  .cover.active .content ol, .cover.active .content ul {
		text-align: left; }
		.cover.active .content ol li, .cover.active .content ul li {
		  margin: 10px 0px; }

.closebtn {
	display: block;
	text-align: center;
	background: #474747;
	color: #fff;
	padding: 10px 15px;
	max-width: 150px;
	margin: 0 auto;
	cursor: pointer;
	border: 1px solid #474747;
	text-decoration: none; }
	.closebtn:hover {
		text-decoration: none;
		background: transparent;
		color: #474747;
		border: 1px solid #474747; }
		  

@media screen and (max-width: 568px) {
	.cover img {
		background-color: white;
		width: 25vh; }
}