/* PAGE BACKGROUND */

body{
background:#b7caa6 url('../images/stripe.png') repeat;
font-family:'Poppins', sans-serif;
color:#555;
margin:0;
}

/* GLOBAL IMAGE FIX */

img{
max-width:100%;
height:auto;
display:block;
}

/* HEADER */

header{
height:120px;
position:relative;
}

#logo{
position:absolute;
top:20px;
left:0;
}

#search{
display:none;
}

/* NAVIGATION */

nav{
margin-top:20px;
}

.wrap-nav{
background:#6d8f7c;
height:40px;
}

.menu ul{
margin:0;
padding:0;
list-style:none;
}

.menu ul li{
float:left;
padding:10px 20px;
}

.menu ul li a{
color:white;
text-transform:uppercase;
font-weight:bold;
text-decoration:none;
}

.menu ul li:hover{
background:#8cab96;
}

/* HERO IMAGE */

.featured{
margin:20px auto;
}

.wrap-featured{
background:#6d8f7c;
padding:10px;
}

.slider img{
width:100%;
}

/* MAIN CONTENT */

#content .wrap-content{
background:white;
padding:20px;
}

/* WELCOME SECTION */

.block01{
text-align:center;
padding:30px 20px;
border-bottom:1px dashed #ccc;
}

.block01 h2{
font-size:30px;
color:#6d8f7c;
margin-bottom:10px;
}

.block01 p{
font-size:18px;
max-width:800px;
margin:auto;
}

/* THREE FEATURE BOXES */

.block02{
margin-top:30px;
}

.block02 .wrap-col{
padding:15px;
text-align:center;
}

.block02 h2{
color:#6d8f7c;
margin-bottom:10px;
}

.block02 img{
margin-bottom:10px;
}

.button{
background:#6d8f7c;
color:white;
padding:8px 14px;
display:inline-block;
margin-top:10px;
text-decoration:none;
}

/* ARTICLES SECTION */

.block03{
margin-top:30px;
}

.block03 article{
margin-bottom:30px;
overflow:hidden;
}

.block03 h2{
color:#6d8f7c;
margin-bottom:10px;
}

.block03 img{
width:150px;
float:left;
margin-right:15px;
margin-bottom:10px;
}

/* DOG PHOTO GRID */

.photos{
margin-top:10px;
}

.photos a{
width:48%;
float:left;
margin:1%;
}

.photos img{
border:1px solid #ccc;
}

/* BOTTOM TEXT SECTION */

.block04{
text-align:center;
padding:30px 20px;
border-top:1px dashed #ccc;
font-size:18px;
margin-top:20px;
}

/* FOOTER */

footer{
background:#6d8f7c;
color:white;
text-align:center;
padding:15px 0;
margin-top:20px;
}

/* FLOAT FIX */

.row:after{
content:"";
display:block;
clear:both;
}