*{
    margin: 0;
    padding: 0;
    font-family: Arial;
}

body{
	
}

ul li{
    list-style: none;
    display: inline-block;
    margin-right: 0.5rem;
}

header{
	padding: 1rem;
	text-shadow: 1px 1px 0px #FFF;
	background: #F2994A;  /* fallback for old browsers */
	background: url(../img/p6.png), -webkit-linear-gradient(to bottom, #f4261db8, #fb85108f);  /* Chrome 10-25, Safari 5.1-6 */
	background: url(../img/p6.png), linear-gradient(to bottom, #f4261db8, #fb85108f); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

header h1{
	margin-top: 1rem;
	font-family: Impact;
	font-size: 4rem;
}

header h2{
	font-size: 1rem;
}

.header-wraper{
	background-image: url(../img/girl-high.jpg);
	background-size: contain;  
	background-position: right center;
	background-repeat: no-repeat;
}

nav{
	padding: 0.5rem 1rem;
	background: #fc4a1a;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to bottom, #be1313, #ff6060);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to bottom, #ff950d, #f3131e); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	box-shadow: inset 0px 0px 5px #000;
	color: #FFF;
}	

nav li{
	text-shadow: 1px -1px 0px #000;
	margin-right: 0.2rem;
}

nav .nav-menu li:last-of-type{
	display: none;
}

nav a{
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	border-bottom: 1px dotted #FFF;
}

#cont{
	display: flex;
	flex-wrap: wrap;
	background-image: url(../img/fake-brick.png);
	background-color: #76c0ff;
}

#main-content{
	order: 1;
	width: 60%;
}

.sep{
	text-align: center;
	text-shadow: 1px 1px 1px #444;
}

.sep:last-of-type{
	margin-bottom: 1rem;
}

.left{
	order: 0;
	
}

.right{
	order: 2;
}

.side-element{
	padding: 1rem;
	flex: 1;
	width: 15%;
	flex-basis: 5em;
	margin: 1rem;
	background-color: #FFF;
    box-shadow: 0px 0px 3px #000;
	line-height: 1.5rem;
}

.side-element a{
	color: #533100;
}

.side-element-title{
	font-family: Impact;
	font-size: 1.5rem;
	padding: 0.7rem 0.5rem 0.5rem 0rem;
	text-shadow: 1px 1px 0px #b1aeae;
}

.side-element .newline li{
	display: block;
}

footer{
	text-align: center;
	color: #555;
	font-size: 0.8rem;
}

footer .copy{
	font-size: 0.6rem;
	display: inline-block;
	margin: 0.4rem;
}


.ilan{
	flex: 0;
	margin: 1rem;
	box-shadow: 0px 0px 3px #000;
	background-color: #FFF;
}

.ilan-title a{
}

.ilan a{
	color: #794800;
}

.ilan h2{
	margin: 1rem;
	display: inline-block;
}

.ilan time{
	margin: 1rem;
	display: inline-block;
	font-size: 0.8rem;
	color: #555;
}

.ilan .pics{
	margin: 1rem;
	vertical-align: middle;
	text-align: center;
}

.ilan .pics img, .ilan .related-items img{
	display: inline-block;
	margin: 0.5rem;
	vertical-align: middle;
	border: 3px solid #FFF;
	box-shadow: 0px 0px 3px #000;
}

.ilan .related-items img{
	margin: 0;
}

.ilan .msisdn{
	margin: 0 1rem
}

.ilan .text{
	margin: 1rem;
}

.ilan .text:first-letter{
	font-family: Impact;
	font-size: 1.5rem;
	text-transform: capitalize;
}

.ilan .bread{
	margin: 1rem;
	display: inline-block;
}

.ilan .related-items{
	margin: 1rem;
}

.ilan .related-items li{
	vertical-align: middle;
	display: block;
	margin: 1rem 0;
}

.ilan .related-items li img{
	margin-right: 1rem;
}

.ilan .related-items img{
	vertical-align: middle;
}

.gray-line{
	color: #794800;
	padding: 1rem;
	background-color: #FFF;
	border-top: 1px solid #555;
	border-bottom: 1px solid #AAA;
    box-shadow: inset 0px 0px 2px #000;
}

.gray-line a{
	text-decoration: none;
	color: #794800;
	border-bottom: 1px dotted #794800;
	font-size: 1rem;
	font-weight: bold;
	display: inline-block;
	padding: 0.4rem;
}

.ff{
	display: flex;
    flex-wrap: wrap;
    text-align: center;
    padding: 0;
    background: none;
    vertical-align: middle;
    align-content: center;
	justify-content: space-between;
	box-shadow: none;
}

.ff img, .big_img img{
    width: 100%;
    vertical-align: middle;
}

.big_img img{

}

.lol img{
	width: 100%;
	max-width: 170px;
}

.lol{
	line-height: 2vmin;
	width: 15%;
	display: inline-block;
	margin: 0.5rem 0;
	text-align: center;
	background-color: #FFF;
	box-shadow: 0px 0px 3px #000;
}

.lol .isim a{
	color: #a82727;
	font-weight: bold;
	font-size: 2vmin;
	display: inline-block;
	padding: 0.4rem;
}

.lol .num{
	margin: 0;
}

.lol .num a{
	margin: 0;
	color: #9a2183;
	font-size: 2.2vmin;
	display: inline-block;
	padding: 0.5rem;
	overflow-wrap: anywhere;
}

.lol a{
	padding: 0;
	margin: 0;
}

.big_img{
	text-align: center;
	margin: 1rem;
	padding: 0.5rem;
}

@media (max-width: 800px){
	
	.big_img{
		padding: 0;
	}
	
	.ilan{
		margin: 0.5rem;
	}
	#main-content{
		width: auto;
	}
	
	.left{
		order: 5;
	}
	
	.side-element{
		flex-basis: 100%;
		margin: 0.5em;
	}
	
	.big_img img{
		margin: 0;
	}
}

.pagination li{
	margin: 0.5rem 0.5rem 0.5rem 0;
}

.pagination{
	padding: 1rem;
}