img{
height:	200px
float:left;
}
header {background-color: #181c8c ;
position: sticky;
top: 0;
}



.container {
	background-color: #181c8c;
	width: 100%;
}


nav {
	
	height: 200px;
	width: 500px;
	background-color: #181c8c ;
    float:right ;
}
.container {
	content: " ";
	display: table;
	clear: both;
}
.container{
background-color: ;

}
nav li {
	display: inline-block;
}

nav a {
	margin: 0 10px;
	text-decoration: 0;
	line-height: 200px;
	font-size: 25px;
	color: blue;
}
a:hover{
	color: red;
}
nav ul{
	margin: 0;
	padding: 0;
} 

.add_header{
	background:#5d1710 ;
	border-bottom: 2px solid black;
	text-align: center;
}
.slogan{
	font-size: 40 px;
	font-family: sans;
	font-style:italic ;
	color: black;
	margin: 50px 0 ;
}
 .button{
 	background: black;
 	font-size: 20px;
 	width: 150px;
 	text-align: center;
 	padding: 15px;
 	margin: ;
 	color: red;
 	border-radius : 5px;
 	margin-bottom: 50px;
 	font-weight: 900;
 }

 .articles{
 	float: left;
 	width: 65%;
 	padding: 10px;
 	border: 1px solid black;
 }

 .artikle {
   padding: 20px;
margin: 10px 0;
border: 1px solid black;
 }

 .artikle_text {
float: left;
width: 500px;
border: 1px solid black;
 }


 .heading { 

 font-size: 40px; }


 .desc { 
 	font-size: 20px;
 	color: black;
}

.date {
 font-size: 15px;
color: black;
margin-top: 5 px;
}

.artikle_img {
	height:150px ;
	width: 150px;
	float: left;
}
 .artikle_img > img {

 	width: 100%;
 	height: 100%;
 }