/* BASE */
body {color:#413E4A; font:lighter 16px Sans-Serif; line-height:1.8; letter-spacing:1px; background:#B38184;}

h1 {font-size:2.5em;}
h2 {font-size:1.8em;}
h3 {font-size:1.5em;}
p {margin-bottom:4%;}
a {color:#F0B49E; text-decoration:none;}
img {}
ul {margin:0px; padding:0px;}
li {}

/* MAIN CONTAINER */
#container {width:85%; margin:0px auto; background:none;}

/* HEADER */
header {width:200px; height:100%; padding:20px; background:none; position:fixed; top:0px;}
#logo {}
#logo img {width:100%;}
header p {color:#fff; font-size:0.75em;}
header ul {list-style-type:none; margin:20px 0px 0px 0px;}
header li {}
header li a {display:block; padding:2%;} 

/* MAIN ARTICLE */
article {width:70%; margin:2% 0 5% 240px; padding:4%; background:#fff; border-left:0px solid #8F696B; border-right:0px solid #8F696B; border-top:8px solid #8F696B; float:left; }
article h1 {font-family: 'Alex Brush', cursive; line-height:1; text-align:center; margin-bottom:.5em;}
.date {font-size:1em; font-weight:400; text-align:center; margin:0 0 5% 0;}

/* RESPONSIVE VIDEO */
.video-container {height:0; position:relative; padding-bottom:56.25%; padding-top:0px; overflow:hidden;}
.video-container iframe,  
.video-container object,  
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* MEDIA QUERIES */
@media screen and (max-width:900px) { 
    header {width:86%; height:auto; padding:7%; position:relative; overflow:hidden;}
    #logo {width:34%; margin:0 6% 0 0; float:left;}
    #logo img {width:100%; text-align:center;}
    header p {font-size:0.70em; width:60%; float:left;}
    article {font-size:0.85em; width:86%; margin:0; padding:7%; border-top:8px solid #8F696B; float:none;}
}

@media screen and (max-width:580px) { 
    header {width:86%; height:auto; padding:7%; position:relative; overflow:hidden;}
    #logo {width:75%; margin:0 auto; float:none;}
    #logo img {width:100%; text-align:center;}
    header p {display:none;}
    article {font-size:0.85em; width:86%; margin:0; padding:7%; border-top:8px solid #8F696B; float:none;}
}