.blog{
	display: flex;
	padding: 1px;
    flex-direction: row;
	position:absolute;
	width: 80%;
	height: 150%;
	background-image: url("img/wbox3.jpg");
	background-repeat: repeat-x repeat-y;
	top: 0px;
	margin-left: 10%;
	margin-bottom: 10px;
	background-position: top;	
}
#title{
	font-weight: bold;
	font-family: 'Exo', sans-serif;
	font-size: 10px;
	display: inline-block;
	position: absolute;
	text-align: left;
	margin-left: 5%;
	top: 90px;
	color: #fff;
	width: 60%;
	
}
.burger{width: 20px;
	height: 15px;
	top: 95px;
	right: 5px;
	position: absolute;
	    z-index: 5;
	    display: none;
	    cursor: pointer;
	    float: right;
	    padding: 12px;
	    margin: 15px;
	    background:#2E2E2E;}
.bar{background-color: #FFFFFF;
	 display: block;
	 width: 22px;
	 height: 2px}
.bar + .bar { margin-top: 4px }

.blogmenu{
	z-index: 4;
	display: flex;
	position: absolute;
	flex-direction: row;
	text-align: left;
	font-weight: bold;
	font-family: 'Exo', sans-serif;
	color:#ffcc00;
	background-image: url("img/wbox3.jpg");
	font-size: 12px;
	top: 140px;
	right:20px;
	list-style-type: none;
	width: 30%;
}
.blogmenu hr{margin-right: 30px;}
.blogmenu li{list-style-type: none; margin-left: 5px; margin-right: 40px;}
.blogmenu a{color: #ffcc00; cursor: pointer;text-decoration: none;}
.blogmenu a:hover{color: #FFFFFF; cursor: pointer;}
.text{
	 display: block;
	 position: absolute;
	 font-family: 'Exo', sans-serif;
	 color: #FFFFFF;
	 width: 60%;
	 height: 110%;
	 top: 140px;
	 margin-left: 5%;
	 margin-bottom: 250px;
	}

.text p2{margin-bottom: 80px;}

@media (max-width:980px){
	.blog{height: 190%;}
	.blogmenu{display: none;width: 50%;}
	.burger{display: block;}
	.text{width: 80%;top:170px;}
	#title{width: 80%}
}