@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&display=swap');

body {
    margin: 0;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 400;
    /*background: #E0DEE0;*/
    border-left: 10px solid #ff610e;
    padding: 0 0 1rem;
}
ul, ol, dl {
    margin: 0;
    padding: 0;
}
li{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, serif;
    margin: 0;
    font-weight:400;
}
h1 {
    margin: 2rem 0 0;
}
h2{
    font-size: 3.052rem;
    font-weight: bold;
}
a{
    color: #000000;
}
a:active,
a:hover{
    color: #ff610e;
}
.content{
    width: 80em;
    margin: 0 auto;
    background: #FFF;
    overflow: auto;
    /*box-shadow: 1px 1px 26px rgba(64,64,61,.1);*/
}

/*
    Header
 */
header{
    width: 100%;
    margin: 0 auto;
    overflow: auto;
}

/*
    Header
        - Logo
 */
header .header__logo{
    float: left;
    width: 14.6rem;
    overflow: auto;
    margin: 1.2rem 2rem 4rem 0;
}
header .header__logo img{
    width: 100%;
}

/*
    Header
        - Address Details
 */
header .header__address{
    float: left;
}
header .header__address address{
    font-style: normal;
}
header .header__address h1{
    font-size: 4.209rem;
}
header .header__address p {
    font-size: 1.25rem;
    line-height: 1rem;
}
header .header__address a{
    text-decoration: none;
}
header .header__address .header__icon{
    width: 1em;
    display: inline;
    margin: 0 0.5rem 0 0;
    position: relative;
    top: 0.2rem;
    opacity: 0.7;
}
header .header__address a:hover .header__icon{
    opacity: 1;
}
header .header__address .small {
    font-size: 1rem;
    margin-left: 12.9rem;
    line-height: 0;
    color: #ff610e;
}

/*
    Navigation
 */
nav{
    clear: both;
    width: 100%;
    margin: 0 auto;
}
nav ul{
    text-align: center;
}
nav ul li{
    display: inline-block;
    margin: 0;
    padding: 0 0.512rem;
    list-style: none;
    font-weight: 700;
    font-size: 1.25rem;
    letter-spacing: 0.1rem;
}
nav ul li a{
    text-decoration: underline;
    text-decoration-style: solid;
    text-decoration-thickness: 0.1rem;
    text-decoration-color: #f4e2d8;
}
/*
    Home Content
 */
.home .home__message{
    width: 100%;
    overflow: auto;
    margin: 1rem 0 2rem 0;
    /*background: #E0DEE0;*/
    background: #CFD2DB;
}
.home .home__message_image{
    width: 50%;
    float: left;
}
.home .home__message_image img{
    width: 80%;
    margin: 4rem 0 4rem 7rem;
    border-left: .64rem solid #ff610e;
    box-shadow: .1rem .5rem .7rem rgba(47, 79, 79,0.3);
}
.home .home__message_body{
    width: 50%;
    float: left;
    padding: 12rem 0 0 0;
    position: relative;
    left: -6rem;
}
.home .home__message_body h2{
    color: #ff610e;
    text-shadow: 0.1rem 0 2rem rgba(255,255,255,0.2);
}
.home .home__message_body p{
    padding: 0 0 0 8rem;
}

.home .home__about{
    clear: both;
    width: 100%;
    margin: 1rem auto 0;
    overflow: auto;
    background-image: url("../img/swilford-printer-ink-pot-and-colour-swatch-photo.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.home .home__about_title{
    width: 50%;
    float: left;
}
.home .home__about_title h2{
    margin: 14rem auto 18rem;
    padding: 0 3rem;
    color: #ff610e;
    text-shadow: 0.1rem 0 1rem rgba(0,0,0,.1);
}
.home .home__about_body{
    float: left;
    width: 40%;
    margin: 8rem auto 0;
    background: rgba(255, 255, 255, 0.9);
    padding: 1rem 2rem 2rem;
}
.home__about_body p{
    padding: 0 1rem;
    letter-spacing: 0.016rem;
}

.home .home__services{
    clear: both;
    width: 100%;
    margin: 0 auto;
    overflow: auto;
}
.home .home__services_body {
    width: 60%;
    margin: 0 auto;
    text-align: center;
}
.home .home__services_body h2{
    color: #94969C;
    width: 100%;
    text-align: center;
    margin: 5rem auto 2rem;
}
.home .home__services_item {
    width: 24%;
    margin: 1rem 0 2rem 0;
    display: inline-block;
    text-align: center;
}
.home .home__services_item_image {
    width: 100%;
    text-align: center;
}
.home .home__services_item_image img{
    width: 50%;
    background-color: #CFD2DB;
    border-radius: 100%;
    margin: 0 auto;
    display: inline-block;
}
.home .home__services_item_title{
    width: 100%;
}
.home .home__services_item_title h3{
    color: #ff610e;
}

.home .home__directions{
    clear: both;
    width: 100%;
    margin: 3rem auto;
    overflow: auto;
}
.home .home__directions h2{
    width: 50%;
    color: #ff610e;
}
.home .home__directions_map{
    width: 100%;
    height: 35rem;
    margin: 2rem auto 8rem;
}
.home .home__directions_map iframe{
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 1290px) {
    body {
        font-size: 1vw;
    }

    header .header__logo {
        /* width: 14.6rem; */
        /* margin: 1.2rem 2rem 4rem 0; */
        width: 17vw;
        margin: 3% 3% 4vw 0;
    }

    header .header__address .small {
        /* font-size: 1rem; */
        /* margin-left: 16rem; */
        font-size: .9vw;
        margin-left: 16vw;
    }

    h1 {
        /* margin: 2rem 0 0; */
        margin: 3vw 0 0;
    }

    header .header__address h1 {
        /* font-size: 4.209rem; */
        font-size: 5vw;
    }

    header .header__address p {
        /* font-size: 1.25rem; */
        /* line-height: 1rem; */
        font-size: 1.4vw;
        line-height: 1.4vw;
    }

    nav ul li {
        /* font-size: 1.25rem; */
        font-size: 1.3vw;
        padding: 0 0.4rem;
        letter-spacing: .2vw;
    }

    h2 {
        /* font-size: 3.052rem; */
        font-size: 3.2vw;
    }

    .home .home__message_body p {
        font-size: 1vw;
        padding: 0 0 0 10vw;
    }

    .home .home__message_image {
        /* width: 50%; */
        width: 35vw;
    }

    .home .home__message_body {
        /* width: 50%; */
        /* padding: 12rem 0 0 0; */
        /* left: -6rem; */
        width: 42vw;
        padding: 10vw 0 0 0;
        left: -5vw;
    }

    .home .home__directions h2 {
        /* left: 4rem; */
        color: #ff610e;
        margin: 1.7vw 0 0;
    }

    .home .home__directions {
        /* margin: 5rem auto; */
        /* background-image: url("../img/wil2.jpg"); */
        /* background-position: center; */
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        margin: 0 auto;
    }

    .home .home__directions_map {
        /* width: 80%; */
        /* height: 35rem; */
        /* margin: 6rem auto 8rem; */
        width: 100%;
        height: 35vw;
        margin: .7vw auto .5vw;
    }

    .home .home__message_image img {
        /* margin: 4rem 0 4rem 7rem; */
        margin: 3vw 0 3vw 7vw;
    }

    .home .home__about_title h2 {
        /* margin: 14rem auto 18rem; */
        /* padding: 0 3rem; */
        margin: 14vw auto;
        padding: 0 3vw;
    }

    .home .home__about_body {
        /* margin: 8rem auto 0; */
        /* padding: 1rem 2rem 2rem; */
        margin: 7vw auto 0;
        padding: .7vw 1vw 1vw;
    }

    .home .home__services_body h2 {
        /* margin: 5rem auto 2rem; */
        margin: 3vw auto 1vw;
    }

    .home .home__services_item {
        /* margin: 1rem 0 2rem 0; */
        margin: 0.7vw 0 1.3vw 0;
    }

    .home .home__services_item_title h3 {
        font-size: 1.2vw;
    }
}
@media screen and (max-width: 650px) {

    /* style.css | file:///home/jollyblueman/websites/swilfordprinter/lib/css/style.css */
    body{
        border-left: .4rem solid #ff610e;
    }
    header .header__logo {
        /* width: 14.6rem; */
        /* margin: 1.2rem 2rem 4rem 0; */
        width: 3rem;
        margin: 1rem .6rem 0 .5rem;
    }

    header .header__address h1 {
        /* font-size: 4.209rem; */
        font-size: 2.1rem;
    }

    header .header__address p {
        /* font-size: 1.25rem; */
        font-size: 1rem;
    }

    header .header__address .small {
        /* font-size: 1rem; */
        /* margin-left: 16rem; */
        font-size: .4rem;
        margin-left: 8rem;
    }

    header .header__address address {
        margin: 0 0 1.5rem;
    }

    h1 {
        /* margin: 2rem 0 0; */
        margin: 1rem 0 0;
    }

    nav ul li {
        /* padding: 0 0.512rem; */
        /* font-size: 1.25rem; */
        padding: 0 0.4rem;
        font-size: 1rem;
    }

    .home .home__message_image {
        /* width: 50%; */
        /* float: left; */
        width: 100%;
        float: none;
        display: block;
    }

    .home .home__message_body {
        /* width: 50%; */
        /* float: left; */
        /* padding: 12rem 0 0 0; */
        /* left: -6rem; */
        width: 100%;
        float: none;
        padding: 0 0 0 0;
        left: 0;
        display: block;
    }

    .home .home__message_image img {
        /* width: 80%; */
        /* margin: 4rem 0 4rem 7rem; */
        /* border-left: .64rem solid #ff610e; */
        width: 21rem;
        margin: 2rem 0 0 1rem;
        border-left: none;
        display: inline-block;
    }

    h2 {
        /* font-size: 3.052rem; */
        font-size: 2.5rem;
    }

    .home .home__message_body p {
        /* padding: 0 0 0 8rem; */
        padding: 0 0 1.5rem 1rem;
        font-size: 1rem;
    }

    .home .home__message_body h2 {
        margin: 0 0 0 1rem;
    }

    .home .home__about_title {
        /* width: 50%; */
        /* float: left; */
        width: 100%;
        float: none;
        display: block;
    }

    .home .home__about_title h2 {
        /* margin: 14rem auto 18rem; */
        margin: 5rem auto 1rem;
    }

    .home .home__about_body {
        /* float: left; */
        /* width: 40%; */
        /* margin: 8rem auto 0; */
        /* padding: 1rem 2rem 2rem; */
        float: none;
        width: 100%;
        margin: 6rem auto 0;
        padding: 1rem 0 1rem 0;
        display: block;
    }

    .home__about_body p {
        font-size: 0.8rem;
    }

    .home .home__services_body {
        /* width: 60%; */
        width: 100%;
        text-align: center;
    }

    .home .home__services_body h2 {
        /* margin: 5rem auto 2rem; */
        margin: 2rem auto 1rem;
    }

    .home .home__services_item {
        /* width: 24%; */
        width: 32%;
    }

    .home .home__services_item_title h3 {
        font-size: .8rem;
    }

    .home .home__directions {
        /* margin: 5rem auto; */
        margin: 0 auto;
    }

    .home .home__directions h2 {
        /* width: 50%; */
        width: 100%;
        color: #ff610e;
    }

    .home .home__directions_map {
        /* margin: 2rem auto 8rem; */
        margin: 0 auto 1rem;
    }

    .content {
        /* width: 80em; */
        width: 23rem;
    }

    /* Element | file:///home/jollyblueman/websites/swilfordprinter/index.html */

    .home {
        width: 23rem;
    }

    /* Element | file:///home/jollyblueman/websites/swilfordprinter/index.html */

    .content > header:nth-child(1) > nav:nth-child(3) > ul:nth-child(1) {
        text-align: center;
    }

}