body {
    text-align: center;
    background-color: #333;
    font-family: Arial, Helvetica, sans-serif;
    /* font-size: 1.1em; */
    /* line-height: 1em; */
    margin: 0 0;
    overflow-x: hidden;
}
ul {
    padding-left: 0;
    padding: 0 1.5em;
}
/* Header Section */
#header {
    color: #fff;
    min-height: 450px;
}
#header .content-text {
    padding-top: 150px;
}
#header .content-text h1 {
    letter-spacing: 5px;
}

#header .bg-image {
    background-image: url('img/header.jpg');
    width: 100%;
    height: 470px;
    position: absolute;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    z-index: -1;
    opacity: 0.4;
}
#header .content-text p {
    padding: 1em 1em 1em 1em;
    text-align: center;  
    padding-bottom: 0;
}
#header .content-text .icons {
    display: inline-block;
    font-size: 1.8em;
    text-align: center;
    margin-bottom: 0.5em;
} 
#header .content-text .icons a {
    text-decoration: none;
    color: #fff;
    margin: 0 0.5em;
}
#header .content-text .icons a:hover {
    text-decoration: none;
    color: #a26;
    
}
/* Section - Work */
#section-work {
    margin: 0;
    padding: 2em 1em 1em 0.5em;
    background-color: #fff;
    color: #333;
}
#section-work h2 {
    display: inline-block;
     margin-top: 0;
}
#section-work ul {
    list-style: none;
    margin: 0;
}
#section-work .work-title {
    padding-top: 0.5em;
    margin-top: 0;
    color: #26aeea;
}
#section-work .work-place,
.work-time {
    margin-top: 0;
}
/* Section - Skills */

/* Section - Projects */
#section-project {
    margin: 0;
    padding: 2em 1em 1em 0.5em;
    background-color: #333;
    color: #fff;
}
#section-project h2 {
    display: inline-block;
     margin-top: 0;
}
#section-project ul {
    list-style: none;
    margin: 0;
}
#section-project .proj-title a {
    padding-top: 0.5em;
    margin-top: 0;
    color: #26aeea;
    text-decoration: none;
}
#section-project .proj-title a:hover {
    color:#a26;
}
#section-project .proj-place,
.proj-time {
    margin-top: 0;
}
/* Section - Education */
#section-education {
    margin: 0;
    padding: 2em 1em 1em 0.5em;
    background-color: #fff;
    color: #333;
}
#section-education h2 {
    display: inline-block;
     margin-top: 0;
}
#section-education ul {
    list-style: none;
    margin: 0;
}
#section-education .ed-title {
    padding-top: 0.5em;
    margin-top: 0;
    color: #26aeea;
}
#section-education .ed-place,
.ed-time {
    margin-top: 0;
}
/* Section - Recognition */
#section-recognition {
    margin: 0;
    padding: 2em 1em 1em 0.5em;
    background-color: #333;
    color: #fff;
}
#section-recognition h2 {
    display: inline-block;
     margin-top: 0;
}
#section-recognition ul {
    list-style: none;
    margin: 0;
}
#section-recognition .recog-title {
    padding-top: 0.5em;
    margin-top: 0;
    color: #26aeea;
}
#section-recognition .recog-place,
.recog-time {
    margin-top: 0;
}
/* Footer Section */
#footer {
    color: #333;
    background-color: #fff;
}
#footer p {
    display: inline-block;
    margin-top:1em ;
}
#footer i {
    color: #333;
    padding:0 .5em;
}
/* Media Queries */
@media(min-width : 800px) {
    .grid {
        display: grid;
        grid-template-columns: 1fr repeat(2,minmax(auto,25em)) 1fr;
    }
    #section-work .content-wrap {
        grid-column: 1/5;
    }
    .content-wrap,.content-wrap-2 {
        grid-column: 2/4;
    }
    #section-work ul{
        display: flex;
        justify-content: space-between;
    }
    #section-work li {
        width: 45%;
    }
    #section-recognition ul{
        display: flex;
        justify-content: space-between;
    }
    #section-recognition li {
        width: 45%;
    }
}
@media(min-width:1000px){
    #section-project ul{
        display: flex;
        justify-content: space-between;
    }
    #section-project .content-wrap-2 {
        grid-column: 1/5;
    }
    #section-project ul li {
        padding:0 0.5em;
        margin: 0.5em;
        border:1px solid wheat;        
    }
    #section-project ul li:hover {
        padding:0 0.5em;
        margin: 0.5em;
        border:1px solid wheat;        
        /* transform: rotateY(180deg); */
        /* color:#333; */
    }
    #section-education ul{
        display: flex;
        justify-content: space-between;
    }
    #section-education li {
        width: 45%;
    }
}