.shampoo-body {
    width: 100%;
    overflow-x: hidden;
    height: 100
}

.shampoo-content {
    align-items: center;
    display: flex;
    flex-direction: column;
    padding-top: 10rem;
    color: rgba(0, 0, 0, 0.52)
}

.shampoo-content h1 {
    margin-top: 5rem;
    font-size: 24px;
    letter-spacing: 2px;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2rem
}

.shampoo-content p {
    font-size: 12px;
    line-height: 1.5rem
}

.print, .tea-party {
    text-align: center
}

.print h2, .tea-party h2 {
    font-size: 2rem;
    margin-top: 4rem;
    margin-bottom: 3rem
}

.print img, .tea-party img {
    width: 100%;
    height: auto
}

.print {
    margin-top: 5rem;
    width: 40%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    align-self: center
}

.pre-roll-shampoo {
    margin-bottom: 8rem;
    align-items: center;
    flex-direction: column;
    display: flex;
    width: 100%
}

.pre-roll-shampoo iframe {
    width: 100%
}

.tea-party {
    max-width: 950px
}

.jumbo-tron {
    padding-top: 9rem;
    padding-bottom: 5rem;
    width: 60%;
    max-width: 950px
}

.jumbo-tron img {
    width: 100%;
    height: auto
}

.selfie-gif {
    text-align: center
}

.selfie-gif img {
    width: 50%
}

.cocktail-body {
    width: 100%;
    overflow-x: hidden;
    height: 100;
    color: rgba(0, 0, 0, 0.52)
}

.cocktail-body p {
    font-size: 12px
}

.cocktail-content {
    padding-top: 10rem;
    align-items: center;
    display: flex;
    flex-direction: column
}

.cocktail-content h1 {
    margin-top: 5rem;
    font-size: 2rem;
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 2rem
}

.cocktail-content p {
    line-height: 1.5rem;
    margin-bottom: 50px
}

.cocktail-promo, .cocktail-store {
    text-align: center;
    max-width: 750px
}

.cocktail-promo p, .cocktail-store p {
    margin-bottom: 5rem
}

.cocktail-promo h2, .cocktail-store h2 {
    text-transform: uppercase;
    letter-spacing: 2px;
    font-size: 2rem;
    margin-top: 4rem;
    margin-bottom: 3rem
}

.cocktail-promo img, .cocktail-store img {
    width: 100%;
    height: auto;
    padding-bottom: 4rem
}

.cocktail-insta {
    max-width: 1200px;
    margin: 0 auto;
    width: 84%;
    margin-bottom: 60px
}

.cocktail-insta .insta-wrapper {
    padding-left: 17px;
    padding-right: 17px;
    display: flex
}

.cocktail-insta .insta-wrapper .insta-img {
    margin: 3%
}

.cocktail-insta .insta-wrapper .insta-img img {
    max-width: 100%;
    height: auto;
    min-width: 100px
}

.imean-body {
    width: 100%;
    height: 100;
    overflow-x: hidden
}

.imean-body h2, .imean-body p {
    text-align: center
}

.imean-content {
    margin-top: 10%;
    color: rgba(0, 0, 0, 0.52)
}

.imean-content p {
    font-size: 12px;
    line-height: 25px
}

.imean-header {
    margin-bottom: 2rem;
    font-size: 24px;
    letter-spacing: 2px
}

.imean-img-container {
    width: 40%;
    min-width: 250px;
    position: relative;
    margin: 0 auto;
    margin-top: 5rem;
    margin-bottom: 5rem
}

@media screen and (min-width: 720px) {
    .imean-img-container {
        width: 85%
    }
}

.imean-img-container video {
    margin-top: 5rem;
    margin-bottom: 4rem;
    border: 1px solid black;
    height: auto;
    max-width: 100%
}

.duracell-body {
    width: 100%;
    height: 100;
    overflow-x: hidden
}

.duracell-img-container {
    width: 40%;
    min-width: 250px;
    position: relative;
    margin: 0 auto
}

.duracell-img-container img {
    margin-bottom: 4rem;
    height: auto;
    max-width: 100%
}

.duracell-content {
    display: flex;
    flex-flow: column;
    margin-top: 10%;
    color: rgba(0, 0, 0, 0.52)
}

.duracell-content .duracell-title {
    align-self: center;
    text-align: center
}

.duracell-content .duracell-title h2 {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding-bottom: 2rem
}

.duracell-content .duracell-title p {
    font-size: 12px;
    margin-bottom: 5rem
}

.duracell-content .battery-line {
    border-bottom: 1px solid grey;
    width: 100%
}

.duracell-content .collab-battery {
    margin-top: 5rem
}

.french-body {
    width: 100%;
    height: 100;
    overflow-x: hidden
}

.french-body h2, .french-body p {
    text-align: center
}

.french-body .french-header {
    margin-top: 5rem;
    margin-bottom: 2rem;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px
}

.french-body p {
    font-size: 12px;
    margin-bottom: 5rem
}

.french-content {
    padding-top: 10rem;
    color: rgba(0, 0, 0, 0.52)
}

.french-img-container {
    width: 40%;
    min-width: 250px;
    position: relative;
    margin: 0 auto
}

@media screen and (min-width: 720px) {
    .french-img-container {
        width: 35%
    }
}

.french-img-container img {
    margin-bottom: 4rem;
    border: 1px solid black;
    height: auto;
    max-width: 100%
}

.now-body {
    width: 100%;
    overflow-x: hidden;
    height: 100%
}

.now-img-container {
    width: 40%;
    min-width: 250px;
    position: relative;
    margin: 0 auto
}

.now-img-container img {
    height: auto;
    max-width: 100%;
    margin-bottom: 4rem
}

.now-content {
    margin-top: 10%;
    color: rgba(0, 0, 0, 0.52);
    display: flex;
    flex-flow: column
}

.now-content .now-title {
    margin-bottom: 5rem
}

.now-content .now-title h2 {
    text-align: center;
    margin-bottom: 2rem;
    font-size: 24px;
    letter-spacing: 2px;
    text-transform: uppercase
}

.now-content .now-title p {
    font-size: 12px;
    line-height: 25px;
    text-align: center
}

.now-content .brandless-insta-section {
    max-width: 1200px;
    margin: 0 auto;
    width: 84%;
    margin-bottom: 60px
}

.now-content .brandless-insta-section .insta-wrapper {
    padding-left: 17px;
    padding-right: 17px;
    display: flex
}

.now-content .brandless-insta-section .insta-wrapper .insta-img {
    margin: 3%
}

.now-content .brandless-insta-section .insta-wrapper .insta-img img {
    max-width: 100%;
    height: auto;
    min-width: 100px;
    box-shadow: 0 4px 33px rgba(0, 0, 0, 0.22), 0 0 0 1px rgba(0, 0, 0, 0.04)
}

.Titleist-body {
    width: 100%;
    height: 100;
    overflow-x: hidden
}

.titleist-content {
    margin-top: 10%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: rgba(0, 0, 0, 0.52)
}

.titleist-content h3.t-title {
    text-transform: uppercase;
    letter-spacing: 2px;
    align-self: center;
    margin-bottom: 2rem;
    font-size: 24px
}

.titleist-content p {
    align-self: center;
    line-height: 1.4rem;
    text-align: center;
    font-size: .9rem;
    margin-bottom: 5rem;
    width: 70%
}

@media screen and (min-width: 720px) {
    .titleist-content p {
        font-size: 12px
    }
}

.titleist-content .title-img-container {
    width: 40%;
    min-width: 300px;
    position: relative;
    margin: 0 auto
}

.titleist-content .title-img-container img {
    margin-bottom: 5rem;
    width: 100%;
    height: auto
}

.thumbnail {
    opacity: 0;
    transition: all 1s ease-out
}

.thumbnail.fade-in {
    opacity: 1
}

.yoga-body {
    width: 100%;
    height: 100;
    overflow-x: hidden
}

.collab-artists {
    text-align: center;
    font-size: 12px;
    line-height: 1.5rem;
    margin-bottom: 3rem;
    font-style: italic
}

.collab-artists p a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.52)
}

.collab-artists p a :hover {
    cursor: pointer
}

.cham-yoga {
    display: block
}

.yoga-content {
    margin-top: 10%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(0, 0, 0, 0.52)
}

.yoga-content .yoga-title {
    width: 70%;
    margin-bottom: 5rem;
    text-align: center;
    transition: all .4s ease-in-out
}

.yoga-content .yoga-title h2 {
    display: flex;
    justify-content: center;
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 2rem;
    color: rgba(0, 0, 0, 0.52)
}

.yoga-content .yoga-title p {
    line-height: 25px;
    font-size: 12px;
    align-self: center;
    text-align: justify
}

@media screen and (min-width: 720px) {
    .yoga-content .yoga-title p {
        line-height: 30px;
        text-align: center
    }
}

.yoga-content .yoga-img-first, .yoga-content .yoga-img-second, .yoga-content .yoga-img-third {
    width: 40%;
    min-width: 300px
}

.yoga-content .yoga-img-first img, .yoga-content .yoga-img-second img, .yoga-content .yoga-img-third img {
    transition: all .4s ease-in-out;
    margin-bottom: 5rem;
    width: 100%;
    height: auto;
    box-shadow: 0 10px 6px -6px #777
}

.yoga-content .yoga-img-third {
    margin-bottom: 2rem
}

.yoga-content .yoga-digital {
    width: 50%
}

.good-body {
    width: 100%;
    overflow-x: hidden;
    height: 100
}

.goodship-content {
    margin-top: 10%;
    align-items: center;
    display: flex;
    color: rgba(0, 0, 0, 0.52);
    flex-direction: column
}

.goodship-content h1 {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-align: center;
    margin-bottom: 2rem
}

.goodship-content p {
    font-size: 12px;
    line-height: 30px
}

.print, .tea-party {
    text-align: center
}

.print h2, .tea-party h2 {
    font-size: 24px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 4rem;
    margin-bottom: 3rem
}

.print img, .tea-party img {
    width: 100%;
    height: auto;
    margin-bottom: 4rem
}

.good-pre-roll {
    width: 100%;
    height: 400px
}

.good-insta {
    max-width: 1200px;
    margin: 0 auto;
    width: 100%;
    margin-bottom: 60px
}

.good-insta .insta-wrap {
    padding-left: 17px;
    padding-right: 17px;
    display: flex
}

.good-insta .insta-wrap .insta-img {
    margin: 2%
}

.good-insta .insta-wrap .insta-img img {
    max-width: 100%;
    height: auto;
    min-width: 100px
}

.print {
    margin-top: 5rem;
    width: 40%;
    min-width: 250px;
    display: flex;
    flex-direction: column;
    align-self: center
}

.tea-party {
    max-width: 950px
}

.only-tea {
    margin-top: 200px
}

.about-content {
    height: 100%;
    font-family: sans-serif;
    width: 100%;
    color: rgba(0, 0, 0, 0.52)
}

.about-content .about-wrap {
    transition: all .2s ease-in-out;
    flex-direction: column;
    display: flex;
    position: relative;
    margin-top: 100px
}

@media screen and (min-width: 736px) {
    .about-content .about-wrap {
        flex-direction: row;
        justify-content: center
    }
}

.about-content .about-wrap .the-img {
    width: 100%;
    height: 250px;
    margin-bottom: 1em;
    background-repeat: no-repeat;
    background-image: url("../img/james-self.png");
    background-size: cover;
    background-position: 100% 40%
}

@media screen and (min-width: 736px) {
    .about-content .about-wrap .the-img {
        width: 400px;
        height: 550px
    }
}

.about-content .about-wrap .about-info {
    padding: 10px;
    z-index: 1;
    width: 100%;
    font-family: 'Din', sans-serif;
    color: rgba(0, 0, 0, 0.52)
}

@media screen and (min-width: 736px) {
    .about-content .about-wrap .about-info {
        width: 40%;
        padding-left: 6%;
        max-width: 400px
    }
}

.about-content .about-wrap .about-info h2 {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 1rem
}

.about-content .about-wrap .about-info p {
    font-size: 12px;
    line-height: 1.7rem
}

.about-content .about-wrap .about-info .description-paragraph {
    margin-bottom: .5rem
}

.about-content .about-wrap .about-info .invite {
    margin-bottom: 2rem
}

.about-content .about-wrap .about-info .arms-length {
    margin-bottom: .5rem
}

.about-content .about-wrap .about-info .email {
    margin-bottom: 1.5rem;
    text-decoration: underline;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.52)
}

.about-content .about-wrap .about-info .resume {
    text-decoration: underline;
    cursor: pointer;
    color: rgba(0, 0, 0, 0.52)
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
}

body {
    line-height: 1
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

@font-face {
    font-family: 'Din';
    src: url("../font/din-m.ttf")
}

* {
    box-sizing: border-box
}

body {
    width: 100%;
    height: 100%;
    overflow: scroll;
    background-color: #fcfcfc;
    font-family: 'Din', sans-serif
}

.content {
    position: relative;
    margin: 30px auto;
    display: flex;
    justify-content: center;
    max-width: 500px;
    flex-wrap: wrap
}

@media screen and (min-width: 650px) {
    .content {
        justify-content: unset;
        max-width: 700px
    }
}

.example {
    display: inline;
    position: relative;
    overflow: hidden
}

.example:after {
    content: "";
    position: absolute;
    z-index: -1;
    right: 0;
    width: 0;
    bottom: -5px;
    background: #9de49d;
    height: 3px;
    transition-property: width;
    transition-duration: 0.3s;
    transition-timing-function: ease-out
}

.example:hover:after, .example:focus::after {
    left: 0;
    right: auto;
    width: 100%
}

header {
    display: flex;
    width: 100%;
    z-index: 10;
    padding-top: 3rem;
    background-color: #fcfcfc;
    flex-direction: column;
    align-items: center;
    padding-bottom: 20px
}

@media screen and (min-width: 650px) {
    header {
        padding: 4rem;
        justify-content: space-around;
        margin-top: 0rem;
        margin-bottom: 0
    }
}

header .name-copy {
    cursor: pointer;
    display: flex;
    margin-bottom: 32px;
    flex-direction: column
}

@media screen and (min-width: 650px) {
    header .name-copy {
        width: 50%
    }
}

header .name-copy .logo-word-wrap {
    display: flex;
    flex-direction: column;
    padding-left: 6px;
    align-items: center
}

header .name-copy #logo-cham {
    height: 70px;
    margin-bottom: 21px
}

header .name-copy h1 {
    font-size: 1.5rem;
    margin-bottom: .5rem
}

header .name-copy h2 {
    font-size: .8rem;
    display: flex;
    text-transform: uppercase
}

header .nav-not-hamburger {
    width: 50%
}

@media screen and (min-width: 650px) {
    header .nav-not-hamburger {
        transition: all .4s ease-in-out;
        justify-content: center
    }
}

header .nav-not-hamburger ul {
    display: flex;
    justify-content: space-evenly
}

header .nav-not-hamburger ul li a {
    font-size: 1.2rem;
    color: black;
    text-decoration: none
}

.lightbox {
    display: none;
    position: fixed;
    z-index: 999;
    width: 100%;
    height: 100%;
    text-align: center;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    overflow: scroll
}

.lightbox img {
    max-width: 90%;
    margin-top: 2%
}

.lightbox:target {
    outline: none;
    display: block
}

.home-content {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center
}

.home-content .home-mobile-only {
    transition: all .4s ease-in-out;
    width: 100%;
    margin-top: 10%
}

@media screen and (min-width: 650px) {
    .home-content .home-mobile-only {
        display: none
    }
}

.home-content .home-mobile-only a div {
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    height: 200px
}

.home-content .home-mobile-only a:nth-child(1) div {
    background-image: url("../img/imean-logo.png");
    background-size: 95%;
    background-color: #F8F5E7
}

.home-content .home-mobile-only a:nth-child(2) div {
    background-image: url("../img/usmc_logo_wht.png");
    background-size: 50%;
    background-color: #181C23;
}

.home-content .home-mobile-only a:nth-child(3) div {
    background-color: #BBE0F5;
    background-image: url("../img/PGA_Logo_BLUE_Stacked.png");
    background-size: 50%
}

.home-content .home-mobile-only a:nth-child(4) div {
    background-image: url("../img/ups-stores.jpeg");
    background-size: 75%;
    background-color: #0697BB
}

.home-content .home-mobile-only a:nth-child(5) div {
    background-image: url("../img/pinehurstlogo.gif");
    background-size: 30%;
    background-color: #FCE27D
}

.home-content .home-mobile-only a:nth-child(6) div {
    background-size: 50%;
    background-image: url("../img/now-n-later-logo.png");
    background-color: #CCC1BD
}

.home-content .home-mobile-only a:nth-child(7) div {
    background-image: url("../img/Titleist_logo.svg.png");
    background-size: 50%;
    background-color: #e96363
}

.home-content .home-mobile-only a:nth-child(8) div {
    background-image: url("../img/goodship-logo.png");
    background-size: 30%;
    background-color: #70C4C6
}

.home-content .home-mobile-only a:nth-child(9) div {
    background-image: url("../img/duracell_logo_.png");
    background-size: 50%;
    background-color: #B3CAAA
}




.big-box-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -.4rem;
    display: none
}

@media screen and (min-width: 650px) {
    .big-box-container {
        display: flex
    }
}

@media screen and (min-width: 850px) {
    .big-box-container {
        max-width: 700px
    }
}

.box-rotate-wrap {
    perspective: 1000px;
    display: block
}

.box, .box > div {
    width: 200px;
    height: 200px;
    margin: .2rem
}

.box-rotate {
    position: relative;
    transition: all 0.8s ease;
    transform-style: preserve-3d;
    transform: translate3d(0, 0, -100px)
}

.box-rotate > div {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    padding: 20px;
    overflow: auto
}

.box-rotate img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.box-rotate .front {
    background: white;
    z-index: 2;
    transform: rotate3d(0, 1, 0, 0deg) translate3d(0, 0, 100px)
}

.box-rotate .back {
    background: orange;
    transform: rotate3d(0, 1, 0, 180deg) rotate(180deg) translate3d(0, 0, 100px)
}

.box-rotate .top {
    height: 200px;
    transform: rotate3d(1, 0, 0, 90deg) translate3d(0, 0, 100px)
}

.box-rotate .bottom {
    background: #A46E9B;
    height: 200px;
    transform: rotate3d(1, 0, 0, -90deg) translate3d(0, 0, 100px)
}

.box-rotate .left {
    transform: rotate3d(0, 1, 0, -90deg) translate3d(0, 0, 100px)
}

.box-rotate .right {
    transform: rotate3d(0, 1, 0, 90deg) translate3d(0, 0, 100px)
}

.box-rotate .golf-left {
    background: #e96363
}

.box-rotate .yoga-top {
    background: #BBE0F5
}

.box-rotate .good-right {
    background: #70C4C6
}

.box-rotate .duracell-right {
    background: #B3CAAA
}

.box-rotate .cocktail-left {
    background: #E8B4B8
}

.box-rotate .shampoo-top {
    background: #181c23
}

.box-rotate .brandless-bottom {
    background: #CCC1BD
}

.box-rotate .imean-bottom {
    background: #F8F5E7
}

:hover > .box-rotate-top {
    transform: translate3d(0, 0, -100px) rotate3d(1, 0, 0, -90deg)
}

:hover > .box-rotate-bottom {
    transform: translate3d(0, 0, -100px) rotate3d(1, 0, 0, 90deg)
}

:hover > .box-rotate-left {
    transform: translate3d(0, 0, -100px) rotate3d(0, 1, 0, 90deg)
}

:hover > .box-rotate-right {
    transform: translate3d(0, 0, -100px) rotate3d(0, 1, 0, -90deg)
}

:hover > .box-rotate-back {
    transform: translate3d(0, 0, -100px) rotate3d(1, 0, 0, -180deg)
}

.box-rotate-gyro .back {
    width: 200px;
    height: 200px;
    transform: rotate3d(0, 1, 0, 180deg) rotate(90deg) translate3d(0px, 0px, 100px)
}

:hover > .box-rotate-gyro {
    transform: translate3d(0, 0, -100px) rotate3d(1, 1, 0, -180deg)
}

.box.box-blend div {
    background: #FCE27D
}

#Titleist {
    background-image: url("../img/1-box-tablet.png");
    background-size: cover;
    background-repeat: no-repeat
}

@media screen and (min-width: 650px) {
    #Titleist {
        background-image: url("../img/3-cham.png")
    }
}

#go-to-titleist {
    cursor: pointer;
    background-image: url("../img/Titleist_logo.svg.png");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center
}

#yoga {
    background-image: url("../img/9-cham.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 650px) {
    #yoga {
        background-image: url("../img/9-cham.png");
        background-size: contain
    }
}

#go-to-yoga {
    cursor: pointer;
    background-image: url("../img/PGA_Logo_BLUE_Stacked.png");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center
}

#goodship {
    background-image: url("../img/4-cham.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 650px) {
    #goodship {
        background-image: url("../img/4-cham.png");
        background-size: contain
    }
}

#go-to-goodship {
    cursor: pointer;
    background-image: url("../img/goodship-logo.png");
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center
}

#Duracell {
    background-image: url("../img/5-cham.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 650px) {
    #Duracell {
        background-image: url("../img/5-cham.png")
    }
}

#go-to-duracell {
    cursor: pointer;
    background-image: url("../img/duracell_logo_.png");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center
}

#now-n-later {
    background-image: url("../img/5-box-tablet.png");
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 650px) {
    #now-n-later {
        background-image: url("../img/2-cham.png")
    }
}

#go-to-now {
    cursor: pointer;
    background-image: url("../img/now-n-later-logo.png");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center
}

#French {
    background-image: url("../img/8-cham.png");
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 650px) {
    #French {
        background-image: url("../img/8-cham.png")
    }
}

#go-to-french {
    cursor: pointer;
    background-image: url("../img/pinehurstlogo.gif");
    background-size: 60%;
    background-repeat: no-repeat;
    background-position: center
}

#shampoo {
    background-image: url("../img/6-cham.png");
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 650px) {
    #shampoo {
        background-image: url("../img/6-cham.png")
    }
}

#go-to-shampoo {
    cursor: pointer;
    background-image: url("../img/usmc_logo_wht.png");
    background-size: 70%;
    background-repeat: no-repeat;
    background-position: center
}

#cocktail {
    background-image: url("../img/7-cham.png");
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 650px) {
    #cocktail {
        background-image: url("../img/7-cham.png")
    }
}

#go-to-cocktail {
    cursor: pointer;
    background-image: url("../img/ups-stores.jpeg");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #330000 !important;
}

#imean {
    background-image: url("../img/1-cham.png");
    background-repeat: no-repeat;
    background-position: center
}

@media screen and (min-width: 650px) {
    #imean {
        background-image: url("../img/1-cham.png")
    }
}

#go-to-imean {
    cursor: pointer;
    background-image: url("../img/imean-logo.png");
    background-size: 95%;
    background-repeat: no-repeat;
    background-position: center
}

/*# sourceMappingURL=app.css.map */