body{width:100%; height:100%; margin:0; padding:0;}
	html{width:100%; height:100%; margin:0; padding:0;}
	body{
		background:url('images/fond.jpg') no-repeat ; background-size:cover;
		margin:0;
	}
	#main {
	width: 100%;
	margin: auto; 
	}
	#black_bg{
		width:100%; float:left; background:rgba(0, 0, 0, 1); margin-top:4%; position:relative;
	}
	#top{
		width:100%; float:left;
	}
	#top p{
		font-family:'halimun'; color:#ffbf00; text-align:center; font-size:400%; margin:0%;
	}
	#social{
		width:100%; float:left; margin-top:2%;
	}
	.social{
		width:10%; float:right;  margin-right:5%;
	}
	.social img{
		width:25%; float:left; margin-left:5%; 
	}
	#text{
		width:50%; float:left;
	}
	#text span{
		color:rgba(255,255,255,0.8); font-family:'sakkal'; font-size:220%; margin-bottom:0%; width:100%; float:left; padding-left:7%;
	}
	#text p{
		color:#ffbf00; font-family:'sakkal'; font-size:250%; margin-bottom:0%; width:100%; float:left; padding-left:7%;
	}
	#text a{
		display:block; width:50%; float:left; background:url('images/fond.jpg') no-repeat; background-size:200%;
		text-decoration:none; text-align:center; font-family:'sakkal'; 
		color:rgba(255,255,255,0.9); font-size:200%; padding-top:1%; padding-bottom:1%;  margin:5% 0% 15% 7%;	
	}
	#text a:hover{
		background-color:#000; border:1px solid #ffbf00; background:none; box-sizing: border-box;
	}
	#img{
		width:50%; float:left; position:absolute; top:17%; right:0%;
	}
	#img a{
		display:block; width:30%; float:left; background:url('images/fond.jpg') no-repeat; background-size:200%;
		text-decoration:none; text-align:center; font-family:'sakkal'; 
		color:rgba(255,255,255,0.9); font-size:200%; padding-top:1%; padding-bottom:1%; margin:3% 35% 0% 35%;
	}
	#img a:hover{
		background-color:#000; border:1px solid #ffbf00; background:none; box-sizing: border-box;
	}
	
	.necklace{
		width:100%; float:left;
	}
	.necklace{
		position:relative; top:10%; left:0;
	}
	.necklace img{
		width:60%; margin-left:20%;
	}

	/*fonts*/
	@font-face {
    font-family: 'halimun';
    src: url('fonts/halimun-webfont.woff2') format('woff2'),
         url('fonts/halimun-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'sakkal';
    src: url('fonts/majalla-webfont.woff2') format('woff2'),
         url('fonts/majalla-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}