/*  SECTIONS  -----------------------------------------------------------  SECTIONS  */
main > div.inner > section {
    background-color: var(--white);
}
main > div.inner > section > div.inner {
    padding: 100px 60px;
    width: 100%;
}
main > div.inner > section > div.inner > article {
    margin-bottom: 30px;
}
/*  Section Headers  */
section header {
    margin: 30px 0px;
}


/*  HEADER SECTION  -------------------------------------------------------  HEADER  */
main > div.inner > section.header {
    height: 87.6vw;
}
main > div.inner > section.header > div.inner {
    padding: 0px;
}
/*  Left Side  */
main > div.inner > section.header div.left,
main > div.inner > section.header div.right {
    height: 100%;
    width: 50%;
}
/*  Right Side  */
main > div.inner > section.header div.right > div.inner {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}
main > div.inner > section.header h1 {
    font-size: 55px;
    letter-spacing: normal;
    padding-left: 20px;
}


/*  ABOUT SECTION  ---------------------------------------------------------  ABOUT  */
main > div.inner > section:nth-child(3) {
    background-color: var(--sage);
}
main > div.inner > section:nth-child(3) article {
    width: 75%;
}
main > div.inner > section:nth-child(3) article p {
    color: var(--seaweed);
    line-height: 1.4em;
}

/*  SERVICES SECTION  ---------------------------------------------------  SERVICES  */
main > div.inner > section:nth-child(5) article > div.inner > div:first-child {
    margin-bottom: 60px;
}
/*  Services List  */
main > div.inner > section:nth-child(5) article ul {
    border-left: 1px solid var(--pine);
    margin-left: -20px;
}
main > div.inner > section:nth-child(5) article ul:first-child {
    padding-bottom: 15px;
}
main > div.inner > section:nth-child(5) article ul > li {
    padding: 7.5px 0px 7.5px 20px;
}
main > div.inner > section:nth-child(5) article ul li:first-child {
    padding-top: 0px;
}
main > div.inner > section:nth-child(5) article ul li:last-child {
    padding-bottom: 0px;
}
main > div.inner > section:nth-child(5) article ul > li > h3 {
    text-transform: uppercase;
}

/*  ATTORNEY SECTION  ---------------------------------------------------  ATTORNEY  */
/*  Attorney Section Headers  */
main > div.inner > section:nth-child(7) {
    background-color: var(--pine);
}
main > div.inner > section:nth-child(7) article div.left {
    margin: 60px 0px 30px 0px;
}
main > div.inner > section:nth-child(7) article > div > div:first-child div.left {
    margin-top: 0px;
}
main > div.inner > section:nth-child(7) article div.left h2 {
    text-transform: uppercase;
}
/*  Attorney Section Details  */
main > div.inner > section:nth-child(7) article div.right h3 {
    line-height: 1.4em;
    margin: 15px 0px;
}
main > div.inner > section:nth-child(7) article div.right h3:first-child {
    margin-top: 0px;
}
main > div.inner > section:nth-child(7) article div.right h3:last-child {
    margin-bottom: 0px;
}
/*  Footer with Photo  */
main > div.inner > section:nth-child(7) footer {
    margin: 60px -60px -100px -60px;
}
main > div.inner > section:nth-child(7) footer img {
    height: 100vw;
}


/*  RESOURCES SECTION  -------------------------------------------------  RESOURCES  */
/*  Resource Links List  */
main > div.inner > section:nth-child(9) article div > div > ul {
    margin-bottom: 15px;
    width: 100%;
}
main > div.inner > section:nth-child(9) article div > div > ul:last-child {
    margin-bottom: 0px;
}
/*  Resource Links List  */
main > div.inner > section:nth-child(9) article div > div > ul > li {
    padding: 7.5px 0px;
}
main > div.inner > section:nth-child(9) article div > div > ul > li:first-child {
    padding-top: 0px;
}
main > div.inner > section:nth-child(9) article div > div > ul > li:last-child {
    padding-bottom: 0px;
}
main > div.inner > section:nth-child(9) article div > div > ul > li * {
    display: inline;
    line-height: 1.4em;
    text-transform: uppercase;
}
/*  Resource Citation List  */
main > div.inner > section:nth-child(9) article > div.inner > ul {
    margin-top: 60px;
}
main > div.inner > section:nth-child(9) article > div.inner > ul > li * {
    display: inline;
    line-height: 1.6em;
    text-transform: capitalize;
}

/*  CONTACT SECTION  ------------------------------------------------------  CONTACT  */
main > div.inner > section.contact {
    background-color: var(--sage);
}


/* MOBILE -------------------------------------------------------------------- MOBILE */
@media only screen and (min-width: 480px) {
    main > div.inner > section.header h1 {
        font-size: 60px;
    }
}

/* ADJUST -------------------------------------------------------------------- ADJUST */
@media only screen and (min-width: 580px) {
    
}

/* LARGE --------------------------------------------------------------------- LARGE */
@media only screen and (min-width: 768px) {
    /*  SECTIONS  -----------------------------------------------------------  SECTIONS  */
    main > div.inner > section {
        /* Nothing */
    }
    main > div.inner > section > div.inner {
        padding: 150px 120px;
    }
    main > div.inner > section > div.inner > article {
        margin-bottom: 60px;
    }
    /*  Section Headers  */
    main > div.inner > section header {
        margin: 60px 0px;
    }


    /*  HEADER SECTION  -------------------------------------------------------  HEADER  */
    main > div.inner > section.header {
        height: 87.6vw;
    }
    main > div.inner > section.header > div.inner {
        padding: 0px;
    }
    /*  Left Side  */
    main > div.inner > section.header div.left,
    main > div.inner > section.header div.right {
        height: 100%;
        width: 50%;
    }
    /*  Right Side  */
    main > div.inner > section.header h1 {
        font-size: 120px;
        letter-spacing: normal;
        padding-left: 40px;
    }


    /*  ABOUT SECTION  ---------------------------------------------------------  ABOUT  */
    main > div.inner > section:nth-child(3) article {
        width: 100%;
    }
    
    
    /*  SERVICES SECTION  ---------------------------------------------------  SERVICES  */
    main > div.inner > section:nth-child(5) article > div.inner > div:first-child {
        margin-bottom: 0px;
        width: calc(50% - 30px);
    }
    /*  Services List  */
    main > div.inner > section:nth-child(5) article > div.inner > div:last-child {
        width: calc(50% - 30px);
    }
    main > div.inner > section:nth-child(5) article ul {
        margin-left: 0px;
        padding-bottom: 0px;
    }

    
    /*  ATTORNEY SECTION  ---------------------------------------------------  ATTORNEY  */
    main > div.inner > section:nth-child(7) article > div.inner > div:not(:last-child) {
        margin-bottom: 60px;
    }
    /*  Attorney Section Headers  */
    main > div.inner > section:nth-child(7) article div.left {
        margin: 0px;
        width: 50%;
    }
    main > div.inner > section:nth-child(7) article div.right {
        width: 50%;
    }
    main > div.inner > section:nth-child(7) article div.left h2 {
        text-transform: uppercase;
    }
    /*  Attorney Section Details  */
    /*  Footer with Photo  */
    main > div.inner > section:nth-child(7) footer {
        margin: 60px -120px -150px -120px;
    }
    main > div.inner > section:nth-child(7) footer > div.inner > div {
        width: 50%;
    }
    main > div.inner > section:nth-child(7) footer img {
        height: 37.5vw;
    }
}


/* ADJUST ------------------------------------------------------------------- ADJUST */
@media only screen and (min-width: 1000px) {
    /*  HEADER SECTION  -------------------------------------------------------  HEADER  */
    main > div.inner > section.header {
        height: 50vw;
    }
    main > div.inner > section.header h1 {
        padding-left: 60px;
    }
    
    
    /*  ABOUT SECTION  ---------------------------------------------------------  ABOUT  */
    main > div.inner > section:nth-child(3) article {
        width: 75%;
    }
    
    
    /*  SERVICES SECTION  ---------------------------------------------------  SERVICES  */
    main > div.inner > section:nth-child(5) article > div.inner > div:first-child {
        margin-bottom: 0px;
        width: calc(33.33% - 30px);
    }
    /*  Services List  */
    main > div.inner > section:nth-child(5) article > div.inner > div:last-child {
        width: calc(66.66% - 30px);
    }
    main > div.inner > section:nth-child(5) article > div > div ul {
        margin-right: 30px;
        width: calc(50% - 50px);
    }
    main > div.inner > section:nth-child(5) article > div > div ul:last-of-type {
        margin-left: 30px;
        margin-right: 0;
    }
    main > div.inner > section:nth-child(5) article ul > li {
        padding-left: 20px;
    }
    
    
    /*  ATTORNEY SECTION  ---------------------------------------------------  ATTORNEY  */
    /*  Attorney Section Headers  */
    main > div.inner > section:nth-child(7) article div.left {
        width: 25%;
    }
    main > div.inner > section:nth-child(7) article div.right {
        width: 75%;
    }
    
    /*  RESOURCES SECTION  -------------------------------------------------  RESOURCES  */
    /*  Resource Links List  */
    main > div.inner > section:nth-child(9) article div > div > ul {
        margin-bottom: 0px;
        margin-right: 30px;
        width: calc(50% - 30px);
    }
    main > div.inner > section:nth-child(9) article div > div > ul:last-child {
        margin-left: 30px;
        margin-right: 0px;
    }
    /*  Resource Links List  */
    main > div.inner > section:nth-child(9) article div > div > ul > li {
        padding: 7.5px 0px;
    }
}

/* DESKTOP ----------------------------------------------------------------- DESKTOP */
@media only screen and (min-width: 1300px) {
    main > div.inner > section.header h1 {
        font-size: 180px;
    }
    
    
    /*  SERVICES SECTION  ---------------------------------------------------  SERVICES  */
    main > div.inner > section:nth-child(5) article ul > li > h3 {
        font-size: 24px;
    }
    
    
    /*  ATTORNEY SECTION  ---------------------------------------------------  ATTORNEY  */
    /*  Attorney Section Headers  */
    main > div.inner > section:nth-child(7) article h3 {
        display: block;
    }
}

/* OVERSIZED ------------------------------------------------------------- OVERSIZED */
@media only screen and (min-width: 1500px) {
    /*  HEADER SECTION  -------------------------------------------------------  HEADER  */
    
}