/* Jane Austen Project */


/* main.css */


/****** Global Styles ******/

body {
    font-family: "Source Sans Pro", sans-serif;
    color: #5E5D5E;
}

.content-wrapper {
    width: 1200px;
    margin: 0 auto;
    overflow: auto;
}

h1,
h2,
h3 {
    font-family: Lora, serif;
}

h1 {
    font-size: 30px;
    color: #7B7E54;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 24px;
    line-height: 36px;
}

p {
    font-size: 20px;
    line-height: 40px;
}


/****** Header Styles ******/

.header {
    background: url("/img/full-background.png") no-repeat center, #F9EFEF;
    background-size: cover;
    height: 800px;
}

.header__content-title {
    margin-left: 25px;
    padding: 65px 0;
    float: left;
}

header h2 {
    font-size: 72px;
    line-height: 80px;
    color: #817F80;
    clear: both;
    padding: 20px 0;
    margin-left: 25px;
}

.header__menu {
    font-size: 18px;
    color: #727172;
    float: right;
}

.header__menu-list {
    padding: 75px 0;
    margin-right: 25px;
    list-style: none;
}

.header__menu-list--item {
    margin-left: 80px;
    display: inline-block;
    text-transform: uppercase;
}

.header__menu-list--item a {
    color: #727172;
}


/****** About Styles ******/

.about__content {
    padding: 80px 50px;
    box-sizing: border-box;
}

.about__paragraph-one,
.about__paragraph-two {
    box-sizing: border-box;
    width: 500px;
}

.about__paragraph-one {
    float: left;
}

.about__paragraph-two {
    float: right;
}


/****** Skill Styles ******/

.skills {
    background: #F5F5F5;
    padding: 115px 0;
    text-align: center;
}

.skill-list {
    padding-top: 40px;
}

.skill-list p {
    text-align: left;
}

.skills__skill-one,
.skills__skill-two,
.skills__skill-three {
    box-sizing: border-box;
    width: 300px;
    /* padding-right: 50px;
    padding-left: 50px; */
    margin-right: 50px;
    margin-left: 50px;
    float: left;
}


/****** Contact Styles ******/

.contact {
    background: #F9E9E9;
}

.contact__content {
    padding: 110px 0;
}

.contact__img {
    margin-right: 50px;
    margin-left: 50px;
}

.contact__img img {
    width: 490px;
    background-position: center;
    border: 10px solid white;
}

.contact__img,
.contact__email {
    width: 490px;
    float: left;
    box-sizing: border-box;
}

.contact__email {
    margin-left: 100px;
}


/* possibly target all of this block margin bottom and add 
only to the specific ones more than? */

.contact__email-text {
    font-size: 24px;
    line-height: 36px;
    text-decoration: none;
    color: #5E5D5E;
    margin-bottom: 20px;
}

.contact__email h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.contact__email h3 {
    margin-bottom: 5px;
}

.contact__content-list {
    list-style: none;
    padding-left: 0;
}

.contact__content-list--item {
    display: inline-block;
    padding-right: 35px;
}