.social {
    width: 50px;}


.entry{
    width: 100%; 
    clear:both; 
    margin-bottom: 10px; 
    display: inline-block; }


.logo {width: 20%; 
    float: left; 
    margin-left: 2%; }

.logo img {width: 100%; }

.date { width: 20%; 
    float: left; 
    text-align: center;
    font-family:"bodoni 72 oldstyle", sans-serif;}

.item { width: 56%;
    float: right; 
    margin-left: 2%;
font-family:"bodoni 72", sans-serif;}

h2 { clear:both; 
    margin-bottom: 20px;
font-family:"bodoni 72", sans-serif;}


.skill{height: 50px; 
    background-color:lightgray; 
    width:100%;
    margin-bottom:10px;
font-family:"bodoni 72 oldstyle", sans-serif;}


.photo{ width:70%; 
    margin: 0; 
    background-color:#a2e0cd;
    height:40px; 
    padding: 5px;
font-family:"bodoni 72 oldstyle", sans-serif;}


.graphic{ width:50%;
    margin: 0; 
    background-color:#a2e0cd; 
    height:40px; 
    padding: 5px;
font-family:"bodoni 72 oldstyle", sans-serif;}


.leadership{ width:67%;
    margin: 0;
    background-color:#a2e0cd;
    height:40px; 
    padding: 5px;
font-family:"bodoni 72 oldstyle", sans-serif;}


.photoshop{ width:57%;
    margin: 0; 
    background-color:#a2e0cd; 
    height:40px; 
    padding: 5px;
font-family:"bodoni 72 oldstyle", sans-serif;}


.illustrator{ width:63%; 
    margin: 0; 
    background-color:#a2e0cd; 
    height:40px; 
    padding: 5px;
font-family:"bodoni 72 oldstyle", sans-serif;}

#pagenav{
    width: 100%;
    background: #a2e0cd;    
}

#pagenav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#pagenav ul li{
    display: inline-block;
    padding: 10px;
    color: dimgray;
    box-sizing:border-box;
}

#pagenav ul li a {
    color: inherit;
    text-decoration: none;
    padding: 11px 10px 11px 10px;
}

#pagenav ul li:hover {
    background-color: #eaeda8;
    color: black;
}

#pagenav label, #hamburger {
    display: none;
}



@media screen and (min-width:600px) {
    
    .main{ width: 65%; float:left; height:100%; }  
    
    .contact {width:28%; float:right; background-color:#eaeda8; text-align: center; margin-left:5%; padding: 0% 1% 0% 1%; padding-bottom:5000px; margin-bottom:-5000px; 
    }
 
    .container {overflow: hidden; max-width: 960px; margin: auto;}
    
    
}

@media screen and (max-width: 525px){
    #pagenav label {
        display: inline-block;
        color: #000;
        background: #eaeda8;
        font-style: normal;
        font-size: 1.2rem;
        padding: 10px;
    } 
    
    #pagenav ul li {
        display: block;
        border-top: 1px solid #d1f0e7;
    }   
    
    #pagenav ul {
        display: none;
    } 
  
    #pagenav input:checked ~ ul {
        display: block;
    }
    
    
}