@charset "UTF-8";
/* CSS Document */

body,html {background-color:white;font-family:'Source Sans Pro', sans-serif;font-size: 1em;color:black;margin:0;padding:0}
.maincontainer{width:800px;margin:0 auto}
.subcontainer{margin:0 auto}
#banner{width:100%;text-align:center;margin:100px 0 100px;letter-spacing:1.5px}
#logo{text-align: left}
#topmenu {width: 100%; border-top:solid black 0.25px;padding:20px 0; margin-top:20px;letter-spacing:1.5px; text-transform: uppercase}
#navcontainer{width:800px;margin:0 auto;text-align: center;padding:10px 0 5px 0;box-sizing: border-box}
#footer{background-color:#363636;width:100%;min-height:200px;margin-top:30px}
#footermenu{margin:0 auto;width:800px;color:white;padding-top:50px;letter-spacing:1.5px}
h1 {margin:0;padding-top:10px;font-weight: normal;font-size:24px}
h2 {font-size:1em;font-weight:normal;margin-bottom:0}
.semibold{font-weight:600}
.storyblock{width:800px;margin-bottom:20px;overflow:auto}.grey{background-color:#FAFAFA} 
.article-container{width:800px;margin-bottom:20px}.article-thumb{margin:0 30px 20px 0;float:left;display:inline;box-sizing: border-box}.article-thumb img{width:320px;height:200px}.author-thumb{height:115px;width:115px;float:left;margin:20px}

.storyblock-thumb{margin-right:30px;float:left;display:block} 
.storyblock-text{width:50%;float:left;box-sizing: border-box;padding-right:10px}
.storyblock-text p{overflow:hidden}
.further_reading{width:50%;float:left;}
.divider{height:2px;width:100%;background-color: #E6E6E6;position:relative}.divider-alt{height:1px;width:100%;background-color:#E6E6E6;margin:10px 0 10px}
.cat_links a:link, a:visited{text-decoration: none; color:black}

/* CSS for desktop devices */
@media screen and (min-width: 1024px) {
  /* Your desktop styles go here */
}

/* CSS for tablets */
@media screen and (min-width: 768px) and (max-width: 1023px) {
  	body,html{font-size:2em}
}

/* CSS for smartphones */
@media screen and (max-width: 767px) {
    .maincontainer,.subcontainer,#navcontainer,#footermenu,.storyblock,.article-container,.divider{width:100%}
    .maincontainer{padding:0 10px 0 10px;box-sizing:border-box}.grey{width:100%;padding:0}
    .article-thumb{display:block;float: none;width:100%;margin-bottom:10px}.article-thumb img{width:100%;height:auto}
    h1{padding-top:0}
    .storyblock-text, .further_reading{width:100%;float:none}
}