*, *:before, *:after{
	box-sizing: border-box;
	padding: 0;
	margin: 0;
	font-family: 'Lato', sans-serif;
}
p{
	color: red;
}
/*| Navigation |*/

nav{
	background-image: url("img/10.jpg");
	width: 100%;
	height: 76px;
	box-shadow: 0 3px 10px -2px rgba(0,0,0,.1);
	border: 1px solid rgba(0,0,0,.1);
}
nav ul{
    list-style: none;
    position: relative;
    float: right;
    margin-right: 100px;
    display: inline-table;
}
nav ul li{
    float: left;
    transition: all .2s ease-in-out;
}
nav ul li:hover{background: rgba(0,0,0,.15);
}
nav ul li:hover > ul{display: block;}
nav ul li{
    float: left;
    transition: all .2s ease-in-out;
}
nav ul li a{
    display: block; 
    padding: 30px 20px;
    color: #36C0E2; 
    font-size: .9em;
    letter-spacing: 1px;
    text-decoration: none;
    text-transform: uppercase;
}
nav ul ul{
    display: none;
    background: #fff;
    position: absolute; 
    top: 100%;
    box-shadow: -3px 3px 10px -2px rgba(0,0,0,.1);
    border: 1px solid rgba(0,0,0,.1);
}
nav ul ul li{float: none; position: relative;}
nav ul ul li a {
    padding: 15px 30px; 
    border-bottom: 1px solid rgba(0,0,0,.05);
}
nav ul ul ul {
    position: absolute; 
    left: 100%; 
    top:0;
}
section{
	
	color: #fff;
	border-top: 2px solid #808080;
}
.wrap{
	background-attachment: scroll;
	width: 60%;
	margin: 0 auto;
}
body{
	background: #000;
}
section div{
	background: #101111;
	width: 500px;
	margin: 0 auto;
	height: 840px;
}
section div p{
	text-indent: 25px;
	text-align: justify;
	color: #8B7D6B;
	padding: 10px 10px 10px 10px;
	
}
section div img{
	width: 46px;
}
footer{
	padding-top: 5px;
	color: #2E8B57;
	height: 25px;
}
.left{
	float: left;
	width: 20%;
	background-image: url("img/size1.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-color: black;
}
.right{
	float: right;
	width: 20%;
	background-image: url("img/size2.png");
	background-size: 90%;
	background-repeat: no-repeat;
	background-color: black;
}
.wrap img:hover{
	transform: scale(2);
	border: 2px solid #fff;

}