/* 5 columns for larger screens */
  .grid-sizer, .grid-item {
width : 48%;
background : transparent;
margin-bottom : 10px;
}
  #paragraph {
  	width:100%
  	}
/*General Styling*/

html {
    display: -webkit-flex;
    -webkit-flex-direction: column;
    height: 100%;
  
}
body {
    background: url(../images/bg.png) no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    height: 100%;
}
div#outer {
    display: block;
    height: 100%;
    width: auto;
}
img{
	width:100%;
	height:100%;
	padding:10%;
	vertical-align:middle !important;
}
#paragraph {
	padding: 20px 0 30px 10px;
	margin: 0 ;
	text-align: left;
	width: 840px;
	color: #b8dff5;
	font-size: 11pt;
	font-weight: bold;
	font-family: Verdana;
	 -webkit-flex: 1 1 auto;
    overflow-y: show;
}



/*Shortcut styling */

* {
box-sizing : border-box;
}
body {
font-family : sans-serif;
}
.grid {
max-width : 100%;
}
* {
box-sizing : border-box;
}
body {
font-family : sans-serif;
padding-left:10%;

}

.grid:after {
content : '';
display : block;
clear : both;
}
.grid-item {
	border : #333 solid 2px;
	border-color : hsl(0 0% 0% / 0.5);
	border-radius : 5px;
	background-color:#00000038;
}
.grid-sizer, .grid-item {
width : 30%;
background : transparent;
margin-bottom : 10px;
}
.grid-item--width2 {
width : 40%;
}

div #articles{
padding-left:10%;
}

/* ImagesLoaded plugin styling */
#image-container img {
  max-height: 140px;
}

li {
  height: 140px;
  min-width: 100px;
  display: block;
  float: left;
  list-style: none;
  margin: 0 5px 5px 0;
  background-color: black;
  background-position: center center;
  background-repeat: no-repeat;
}

li img,
#status {
  -webkit-transition: opacity 0.4s;
     -moz-transition: opacity 0.4s;
      -ms-transition: opacity 0.4s;
          transition: opacity 0.4s;
}

li.is-loading {
  background-color: black;
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/loading.gif');
}

li.is-broken {
  background-image: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/82/broken.png');
  background-color: #be3730;
  width: 120px;
}

li.is-loading img,
li.is-broken img {
  opacity: 0;
}

.buttons { margin-bottom: 1.0em; }

button {
  font-size: 18px;
  padding: 0.4em 0.8em;
  font-family: sans-serif;
}

#status {
  opacity: 0;
  position: fixed;
  right: 20px;
  top: 20px;
  background: hsla( 0, 0%, 0%, 0.8);
  padding: 20px;
  border-radius: 10px;
  z-index: 2; /* over other stuff */
}

/*mobile view*/

@media only screen and (min-width: 1500px) {
	.grid-sizer, .grid-item {
width : 18%;
background-color:#00000038;
margin-bottom : 10px;
}
	}