css
html,body{height: 100%;}
body {background: #eee;}

/*-------------------
general
---------------------*/



animate {
-webkit-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}
.button{display: inline-block; background: #fff; color: #000; padding: 15px 30px; border-radius: 3px; text-decoration: none;}
p{line-height: 22px;}
a{color: #16dd94;}
a:hover{color: #16dd}
/*-------------------
header
---------------------*/

.header {background:#333;}
.header_logo {color:#fff; float: left;display: block; padding: 20px;text-decoration: none;}
.header_menu {float: right; margin: 0; padding: 0;}
.header_menu_item {display: inline-block;}
.header_menu_item a{color: #fff; display: block;padding: 20px;text-decoration: none;}
.header_menu_item a:hover{background: #000;}

.header_icon-bar{display:block; float: right; padding: 20px; display: none;}
.header_icon-bar span{display:block; height: 3px; width: 30px; background: #fff; margin-bottom: 5px;}
/*-------------------
cover
---------------------*/
.cover{height: 70%;
background-image: url(https://source.unsplash.com/category/buildings);
background-size: cover;
--background-size: cover;
-moz-background-size: cover;
background-position: center center;
position: relative;
}

.cover_caption_filter{
background: #000;
width: 100%;
height: 100%;
position: absolute;
z-index: 0;
opacity: 0.5;
}


.cover_caption{display: table;
height: 100%;
width: 100%;
position: relative;
z-index: 1;
padding:0 20px;
}
.cover_caption_copy{
display: table-cell;
vertical-align: middle;
text-align: center;
color: #fff;
}

.cover--single{height: 50%;}
.cover--single h1{font-size: 42px;}

/*-------------------
cards
---------------------*/
.cards { max-width: 1200px; margin: 40px auto;}
.card { width: 30%; margin:0 1.5%;background: #fff; float: left;}
.card_image{width: 100%; height: auto;}
.card_copy{padding: 5px 20px;}
.card_copy h3{margin-bottom: 0;}



/*-------------------
banner
---------------------*/
.banner{background: #fff; height: 50%;}
.banner_image{width: 30%; float: left; height: 100%;
background-image: url("https://source.unsplash.com/category/nature/400x400");
background-size: cover;
--background-size: cover;
-moz-background-size: cover;
background-position: center center;
}
.banner_copy{width: 70%; float: left; height: 100%; display: table;}
.banner_copy_text{display: table-cell; vertical-align: middle; padding: 30px;}

.banner_copy_text h3{font-size: 36px; margin-bottom: 0;}
.banner_copy_text h4{font-size: 28px; margin: 5px 0;}


/*-------------------
footer
---------------------*/

.footer{background: #333; padding: 30px; color:#fff; margin-top: 40px;}

/*-------------------
single
---------------------*/

.single
.single_copy{max-width: 800px; margin: 0px auto; margin-top: -40px; background: #fff; padding: 20px 40px;
position: relative; z-index: 1;}
.single_copy_meta{font-weight: bold; font-size: 18px; font-style: italic;}
.single_copy_title{font-size: 32px;}