body{
    font-family: Raleway;
    font-size: 16px;
    margin: 0;
    background-color: black;
    text-align: center;
}

.h1{
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}

.content
{
    background-image: url(../img/2-coffees.jpeg);
    background-size: cover;
    color: white;
    background-repeat: no-repeat;
    height: 100%; 
    background-position: 50%;
    position: absolute;
    width: 100%;
}


.directions,
.subscribe {
	-moz-box-shadow: 0px 10px 14px -7px #276873;
	-webkit-box-shadow: 0px 10px 14px -7px #276873;
	box-shadow: 0px 10px 14px -7px #276873;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #599bb3), color-stop(1, #408c99));
	background:-moz-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-webkit-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-o-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:-ms-linear-gradient(top, #599bb3 5%, #408c99 100%);
	background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#599bb3', endColorstr='#408c99',GradientType=0);
	background-color:#599bb3;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding:13px 32px;
	text-decoration:none;
	text-shadow:0px 1px 0px #3d768a;
    margin-bottom: 20px;
}
.directions:hover,
.subscribe:hover  {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #408c99), color-stop(1, #599bb3));
	background:-moz-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-webkit-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-o-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:-ms-linear-gradient(top, #408c99 5%, #599bb3 100%);
	background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#408c99', endColorstr='#599bb3',GradientType=0);
	background-color:#408c99;
}
.directions:active,
.subscribe:active{
	position:relative;
	top:1px;
}


.content .copy
{
    font-size: 40px;
    text-align: left;
    padding: 90px;
    background-color: rgba(10,10,10,0.6);
    height: 100%;
}
input#mce-EMAIL{
    width: 300px;
    height: 30px;
    font-size: 1rem;
    border-radius: 11px;
    padding: 0 10px;
}


.article
{
	max-width: 1200px;
    margin: 0 auto;
    text-align: left;
    background: white;
    padding: 25px;
	margin-top: 100px;
	color: black;
	line-height: 35px;
	font-size: 20px;
}

.article br{
	line-height: 50px;
    margin: 30px 0;
    display: block;
    content: "";
}


.article img{
	max-width: 100%;
}