/* color pallette
grey:  31393c
blue: 1d3557
baby blue : 33a1fd
yellow: fdca40
orange: f79824
almost white: #F7FFF7
*/
/* Global Styles
-------------------------------------------------- */
html{
    box-sizing: border-box;
}

    * ,  *:before, *:after{
        box-sizing: inherit;
    
}


body{
    color: #31393c ;
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    font-size: 15px;
    line-height: 1.5;
 
}

h1{
    font-size: 80px;
    line-height: 1;

}

h2{
    font-size: 45px;
    
}
h3{
    margin-bottom: 0;
}

h1, h2{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
    margin: 0;

}

.content-wrap{
    max-width: 800px;
    width: 85%;
    margin: 0 auto;
    padding: 60px 0;
}

.divider > section{
    border-bottom: 1px dashed #31393c;
    padding: 25px 0;

}
.divider > section:last-of-type{
    border-bottom: none;

}

h2{
    margin: 0;
}

.item-details h3 + p{
    font-style: italic;
}
.item-details h3 ~ p {
    margin: 0;
}
.item-details h3:last-of-type{
    border-top: 1px dotted #1d3557 ;
    padding-top: 10px;
    color: #1d3557;
}
img{
    width: 300px;

}
a{
    color: #fdca40;
}
a:hover{
    text-decoration: none;
}
header{
    background-color:#1d3557 ;
    color: #F7FFF7;
   

}


.projects{
    background-color: #F7FFF7;
}
.projects a {
    color: #1d3557;
    display: inline-block;
}
.projects .btn{
    color: #F7FFF7 ;
    background: #1d3557;
    text-decoration: none;
    padding: 8px;
    border-radius: 4px;
}

.projects .btn:hover{
    background: rgb(29,53,87, 80%);
}

.work-experience{
    background: #fdca40;
}
.job-summary a {
    color:#1d3557;
}

footer{
    background: #31393c;
    color: #F7FFF7;


}

/* certificates/Education
-------------------------------------------------- */




/* Projects
-------------------------------------------------- */
.project-item{
    overflow: hidden;
    
}

.project-item h3 {
    margin-top: 0;
}


/* Work Experience 
-------------------------------------------------- */




/* Education
-------------------------------------------------- */
.education{
    background-image: url(../images/edu2.jpg);
    background-repeat: no-repeat;
    /* opacity: 0.75; */
    background-size: cover;
    background-position: top right;
    padding-bottom: 100px;

    color:#F7FFF7;
}
.education p{
    width: 60%;
    padding-top: 1px;
}

/* Contacts info
-------------------------------------------------- */
.contact-list{
    list-style-type: none;
    padding: 0px;
   
}
.contact-list a {
    padding: 15px;
    display: inline-block;
}

/* Responsive styles
----------------------------------------- */
@media screen and (min-width: 750px) {
    header, footer{
        text-align: center;
    }
    .project-item img {
        float: left;
        margin-right: 20px;
    
    }
    .job-item{
        display: grid;
        grid-template-columns: 2fr 3fr;
        column-gap: 20px;
    }
    .contact-list{
        display: flex;
        justify-content: center;
    }
    .certificates{
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        column-gap: 20px;
        text-align: center;
    }
    .certificate-item p{
        padding-left: 30%;
    }
    
}


@media screen and (max-width: 749px){
    h1{
        font-size: 75 px;
        margin-bottom: 20px;
    }
    h1, h2{
        line-height: 1;
    }
    .contact-list a{
        padding: 5px;
    }

}