* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 33.3333333333%;
	padding: .5%;
}

.row{padding-left: 9%;padding-right: 9%;}

/* Clearfix (clear floats) */
.row::after {
  content: "";
  clear: both;
  display: table;
}

h1{
	margin-top: 5%;
	font-family: Josefin Sans;
	font-weight: 700;
	font-size: 22px;
	padding-left: 10%;
}

h2{
	font-family: Abril Fatface, serif;
	font-weight: 100;
	font-size: 30px;
}

	.quote{	text-align: center;
		width: 55%;
		margin-right: auto;
		margin-left: auto;

}
.quote h4{
	margin-top: -2%;
	float:right;
	font-family: Josefin Sans;
	font-weight: 700;
	font-size: 14px;
}

.article-info p {
	width:81%;
		line-height:22px;
}
.article-info h4{
	font-family: Josefin Sans;
	font-weight: 700;
	font-size: 14px;
}

.article-info h3{
	font-family: Abril Fatface, serif;
	font-weight: 100;
	font-size: 20px;
}


.article-info button{
	font-size: 13px;
	padding: 6px 10px;
}

.article-info{padding-left: 10%;}


.info-divider{
	height: 4px;
	margin-top: 2%;
	margin-bottom: 2%;
}

.clearfix{clear:both;}

#join{
	text-align: center;
	display: block;
  }

.info form{float:none;}

.info h4 {
		color: #e6ddde;
	font-size: 24px;
}

.info p{
	color:#e6ddde;
	font-size: 18px;
	padding-top: 1%;
	line-height:normal;

}

.info input{
	font-size: 14px; padding: 7px 10px; border: 0px solid #654A4F;}

.info{
	background-color: #654A4F;
	width: 55%;
padding-bottom: 2%;
}

.info-divider{
	    width: 80%;
    margin-left: auto;
    margin-right: auto;
	}
@media screen and (max-width: 600px) 
{	
	.article-info{width: 100%; padding-left: 10%;}
	
	.article-info p{width: 70%;}
	
	.info{width: 100%; padding-bottom: 5.5%;}
	
	.quote{width:90%;}

	
.row {
    padding-left: 0%;
    padding-right: 0%;
    width: 100%;
	height: auto;}	
	.info-divider{
		max-width:100%;
	}
}