@charset "utf-8";
/* CSS Document */

body{
    margin:0px;
    padding:50px 0px 50px 0px;
    font-size: 18px;
    font-family: 'Quicksand', sans-serif;
    color: #fff;
	background:#7f3455;
}
ul, li, ol, dl, dt, dd, form, p, img, a, h1, h2, h3, h4, h5, h6{
    margin: 0px;
    padding: 0px;
    list-style: none;
    outline: none;
    border: none;
}
h1, h2, h3, h4, h5, h6{
    font-weight: bold;
}
a, a:focus, a:hover, a:active{
    text-decoration: none;
}
.clear{
    clear: both;
}
.pic{
	text-align:center;
	background:#fff;
	padding:10px;
	width:80%;
	max-width:600px;
	box-shadow:10px 10px 10px rgba(0,0,0,.2);
}
a{
	color:#fff;
	text-decoration:none;
}
.pic img{
	width:100%;
	display:block;
}
h1{
	text-align:center;
	font-size:40px;
	padding-bottom:20px;
}
p{
	text-align:center;
	padding:0px 15px 30px 15px;
	font-weight:bold;
	line-height:34px;
}
.column {
	float: left;
	width: 25%;
  }
  
  /* Clear floats after the columns */
  .row:after {
	content: "";
	display: table;
	clear: both;
  }
  @media screen and (max-width: 600px) {
	.column {
	  width: 100%;
	}
  }