/*****  BASE STYLES *****/

body{

    font-family:'Source Sans Pro', sans-serif;
    color:#2b2b2b;
}

/***** GRID *****/

/** this class extends the full width of the body**/
.full-width {

    width: 1200px;
    margin: 0 auto;
    overflow: auto;
}

/** this class extends to half the width of the body**/
.half-width{

    width:600px;
    float:left;
}

/** this class extends to a third width of the body**/
.third-width{

    width:400px;
    float:left;
}

/***** HEADER *********/
/*
This section will format the background, headings, and nav tags
*/

header{
    height:750px;
    background:url("../img/background-full.png");
    background-size:cover;
    background-position:center;

}

header h1 {
    font-family: 'Lora', serif;
    font-size:30px;
    font-weight:normal;
    color:#bbc085;
    padding: 65px 0px 65px 25px;

}

nav{
    float:right;
    padding:75px 25px;
}

nav ul li{
    display:inline-block;
}

nav ul li a{
    text-transform:uppercase;
    text-decoration:none;
    font-size:18px;
    color:#bcbbbc;
    padding-left:80px;
}

header h2{
    width:1000px;
    clear:both;
    font-family: 'Lora', serif;
    font-size:72px;
    line-height:80px;
    color:#9b9b9b;
    padding:20px 0 20px 25px;
}

header h2 span{
    color:#2b2b2b;
}

/** this class calls the about's section full-width
and assigns a padding to the top and bottom**/

#about .full-width{
    padding:80px 0;
}

/**these two classes is to format the styles for the h2
and p tags **/

#about h2{

    font-family: 'Lora', serif;
    font-size: 36px;
    padding-left:50px;
}

#about p{

    font-size:21px;
    color:#7f7f7f;
    line-height: 40px;
    padding-left: 50px;
    padding-right:50px;
}

/** Work section 
This assigns a background and centers the text
as well as padding on the full-width section and image
the heading and paragraph font, font size, line height
margin and padding are assigned **/

#work {

    background:#f9ceb7;
    text-align:center;
}

#work .full-width{

    padding:115px 0px;
}

#work img{

    padding-bottom: 30px;
}

#work h3{

    font-size:24px;
    line-height:32px;
/**    width:200px; my code**/
        width:190px;
    margin: 0 auto;
}

#work p{

    font-family: 'Lora', serif;
    font-size:18px;
/**    line-height:32px; my code **/
    line-height:30px;
    padding:0 50px;

}

/** Contact section  **/
/**This section will consist of implementing colors font size, margins and paddings**/ 

#contact {
    background:#ebebeb;

}

#contact .full-width{
    padding: 110px 0;
}

#contact img#contact-img{
    margin-left:25px;
    border:12px solid #ffffff;
}

#contact h2, #contact #email-header, #contact #socialmedia-header, #contact ul{
    padding-left:115px;
}

#contact #envelope{
    padding:0 10px 0 115px;
}

#contact h2{
    font-family: 'Lora', serif;
    font-size:36px;
    line-height:44px;

}

#contact #email-header{
    font-size:32px;
 /**   font-weight:lighter; my code **/
    font-weight:400;
    line-height:44px;
    margin:-30px 0 5px 0;
}

#contact #socialmedia-header{
    font-weight:bold;
    font-size:29px;
    line-height:44px;
    margin:40px 0 0 0;

}

#contact a{
    text-decoration:none;
    color:#c49075;
    font-weight:bold;
    font-size:28px;

}

#contact ul{
    list-style:none;
}

#contact ul li{
    display:inline-block;
}

#contact ul img{
    padding-right:48px;
}