/* styles for big */
      
   * {
    margin:0;
    padding:0;
    
   }
   body{
    background:beige;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-image:url(../images/liby2\,jpg.jpg);

   }



#wrapper {
width:940px; 
background: beige;
padding:20px;
margin:20px auto;

   }

img.left{
float:left;
margin:30px;
margin-bottom:10px;
}

img.right{
float:right;
 margin:30px;
 margin-bottom:10px;

}
.center  {
margin:20px auto;
display:block;
text-align:center; 
}
   header {
}

#logo{
 display:inline;
 margin-bottom:16px;
   }
   nav{

height:50px;
line-height:50px;
background:rgb(66, 183, 222);}

nav li{
   list-style-type:none;
   float:left;
   width:20%;
text-align:center;

}
nav a{
text-decoration:none;
color:#fff; 
}

nav a:hover{
background: rgb(66, 183, 222);
color: #fff;
}

#hero{

background: rgb(66, 183, 222);
 color:rgba(245, 222, 179, 0.405);
}
   

main {
width:580px;
float:left; 
margin-top:24px;
 
}
   
aside {
 width:310px;px;
 padding:15px;
 background: #d9971d36;
float:right;
margin-top:20px;
  
}
footer {
 height:50px; 
line-height:50px;
 border-top:1px dotted#666;
 clear:both;
 font-size:.9em;
}
footer li{
list-style-type:none;
float:left;
margin-right:30px;
}
footer a{
 color:#666;
}

figure{
   margin-bottom:15px;
}

figcaption{
   background:#0000003a;
   color: #fff;
   font-size:.875em;
   padding:8px;
   font-style: italic;

}
img {
max-width:100%;
display:block;
}
/* typography */
h1{
   font-weight:200;
   font-size: 2.44em;
}

h1, h2, h3 {
   margin-bottom: 8px;
font-family: Georgia, 'Times New Roman', Times, serif;
line:height:1.2em;
color:#rgb(66,183,222);
   }


h2{
   color:#555;
}
 
h3{
   color: #555;
font-size:2em;
}


h4{ 
   color: rgb(31, 139, 139);
   font-size:1,79em;
   font-weight:200;
   /* text-transform:lowercase; */
}
p  {

}
 
   asid p{
font:size 0.9em;;

   }
{
margin-bottom:20px;
line-height:1.2em;
}