.admin-bar .navbar {
    margin-top:32px;
}
.navbar-toggle{
    float: left;
    margin-left:15px;
    margin-top: 17px;
    border: none;
    -webkit-transition: 0.25s ease-in-out;
    -moz-transition: 0.25s ease-in-out;
    -o-transition: 0.25s ease-in-out;
    transition: 0.25s ease-in-out;
}
.navbar-toggle:not(.collapsed){
    -ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
    transform: rotate(90deg);
}
.navbar-default .navbar-toggle .icon-bar{
    background-color: black;
}
.navbar-toggle .icon-bar+.icon-bar{
    margin-top: 5px;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
    background-color: #b65024;
}
.visible-xxs{
    display:none;
}


/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (max-width : 480px) {
    /* Styles */
    .navbar .search-bar-container .search-bar {
        background-color:#fffdfc;
    }
    .admin-bar .navbar {
        margin-top:46px;
    }
    body{
        padding-top: 65px;
    }
    .copy h5 {
        margin: 0 0 1em 0;
    }
    .navbar-default .navbar-brand{
        float: middle;
    }
    .navbar-brand img{
        max-width: 233px;
    }
    section#home{
        background-size: 300%;
        background-position: 66% 0;
        height: 480px;
    }
    .bordered-text{
        font-size: 7pt;
        letter-spacing: 3px;
        border: 1px solid #000;

        line-height: 1.3em;
    }
    section#home .hero-message {
        width: 13em;
        height: auto;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 1.9em;
    }
    section#home .hero-message::before{
        background-size: 100%;
        width: 408px;
        height: 253px;
        left: -55%;
        top: -35%;
    }
    section#home .hero-message h4{
        font-size: 7pt;
        letter-spacing: 1px;
    }
    section#home .hero-message h2{
        font-size: 13pt;
        line-height: 16pt;

        border-bottom: 1px solid #000;
    }
    section#home .hero-message .down-arrow{
        height: 25px;
        margin-top: -7px;
    }
    section#home .paint-bg{
        left: -70px;
        right: 0;
        top: -40px;
        margin: 0 auto;
        text-align: center;
    }
    section#home .paint-bg img{
        max-width: 510px;
    }
    section#home .sign-up-container .sign-up{
        padding: 1em 0;
    }
    section#home .sign-up-container .sign-up h4{
        font-size: 10pt;
    }
    section#home .sign-up-container .sign-up-message{
        font-size: 12pt;
        margin-top: 1em;
        z-index:9999;
    }
    .item-filter-controls>.nav-pills>li,
    .multimedia-filter-controls>.nav-pills>li,
    .blog-filter-controls>.nav-pills>li,
    .product-filter-controls>.nav-pills>li
    {
        float:none;
    }
    .multimedia-filter-controls .nav-pills>li>a{
        border-left:1px solid #aba7a5;
    }
    .multimedia-filter-controls .nav-pills>li:first-child{
        margin-left: 2px;
    }
    .multimedia-filter-controls .nav-pills>li:last-child>a{
        border-right:1px solid #aba7a5;
    }
    .multimedia-filter-controls{
        margin-bottom: 2em;
    }
    .item-container{
        width: 100%;
    }
    .form-control{
        font-size:10pt;
        height: auto;
    }
    .btn{
        padding: 6px 12px;
        font-size: 10pt;
    }
    section#home .louise-slide img{
        width: 100%;
        max-width: 370px;
        left: -30px;
        bottom: -348px;
    }
    section#home .louise-slide {
        min-height: 0;
    }
    blockquote{
        background-position: 0% 0%;
        background-size: 70%;
        font-size: 12pt;
    }
    section#quote blockquote p {
        font-size: 25pt;
    }
    section#quote blockquote::before{
        font-size: 77pt;
        margin-top: 0.7em;
    }
    section#quote blockquote::after{
        font-size: 77pt;
        margin-top: 0.9em;
    }
    section#quote blockquote footer{
        font-size: 11pt;
    }
    section#media .container{
        width: 100%;
        margin-left: 0;
    }
    section#hay-foundation .description{
        margin:1em 0;
    }
    section#hay-foundation p{
        font-size: 18pt;
        font-weight: 100;
    }
    section#hay-foundation .arrow{
        width:100px;
    }
    section#subscribe{
        padding: 1em 0;
    }
    footer#footer{
        font-size: 10pt;
    }
    footer#footer h4{
        margin-top: 1em;
        margin-bottom: 0.5em;
    }
    #about-page blockquote {
        background-position: 0% 22%;
    }
    .border{
        padding: 0.5em;
        margin: 1em 0;
    }
    .shadow {
        -webkit-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.39);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.39);
    }
    #hearts-touched blockquote{
        margin-bottom: 0;
        padding: 1em 0;
    }
    #hearts-touched blockquote h2{
        margin-top: 10pt;
        margin-bottom: 0;
        font-size: 25pt;
    }
    .audio-modal .modal-dialog{
        width: 80vw;
        height: 80vw;
    }
    .audio-modal .modal-content,
    .audio-modal .modal-body{
        height:100%;
    }



}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 480px)
and (max-width : 768px) {
    /* Styles */
    .navbar .search-bar-container .search-bar {
        background-color:#fffdfc;
    }
    .admin-bar .navbar {
        margin-top:46px;
    }
    body{
        padding-top: 65px;
    }
    .navbar-brand img{
        max-width: 233px;
    }
    .navbar-default .navbar-brand{
        float: right;
    }
    .bordered-text{
        font-size: 7pt;
        letter-spacing: 3px;

        border: 1px solid #000;
    }
    section#home{
        height:320px;
        background-size: 100% 100%;
    }
    section#home .hero-message {
        width: 13em;
        height: auto;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 1.5em;
    }
    section#home .hero-message::before{
        background-size: 100%;
        width: 408px;
        height: 253px;
        left: -55%;
        top: -35%;
    }
    section#home .hero-message h4{
        font-size: 7pt;
        letter-spacing: 1px;
    }
    section#home .hero-message h2{
        font-size: 13pt;
        line-height: 16pt;

        border-bottom: 1px solid #000;
    }
    section#home .hero-message .down-arrow{
        height: 25px;
        margin-top: -7px;
    }
    section#home .paint-bg{
        left: 0;
        right: 0;

        margin: 0 auto;
        text-align: center;
    }
    section#home .item-container{
        width: 100%;
    }
    section#home .paint-bg img{
        max-width: 68%;
    }
    section#home .sign-up-container .sign-up{
        padding: 1em 0;
    }
    section#home .sign-up-container .sign-up h4{
        font-size: 10pt;
    }
    section#home .sign-up-container .sign-up-message{
        font-size: 12pt;
        margin-top: 1em;
        z-index:9999;
    }
    .form-control{
        font-size:10pt;
        height: auto;
    }
    .btn{
        padding: 6px 12px;
        font-size: 10pt;
    }
    section#home .louise-slide img{
        width: 100%;
        max-width: 340px;
        left: -2em;
        bottom: -168px;
    }
    section#home .louise-slide {
        min-height: 0;
    }
    blockquote{
        background-position: 40% 35%;
        background-size: 90%;
        width: 22em;
    }
    section#quote blockquote p {
        font-size: 25pt;
    }
    section#quote blockquote::before{
        font-size: 77pt;
        margin-top: 0.7em;
    }
    section#quote blockquote::after{
        font-size: 77pt;
        margin-top: 0.9em;
    }
    section#quote blockquote footer{
        font-size: 11pt;
    }
    section#media .container{
        width: 100%;
        margin-left: 0;
    }
    section#hay-foundation .description{
        margin:1em 0;
    }
    section#hay-foundation p{
        font-size: 21pt;
        font-weight: 300;
    }
    section#shop .products-container{
        margin-top: 4em;
    }
    section#subscribe{
        padding: 1em 0;
    }
    footer#footer{
        font-size: 12pt;
    }
    footer#footer h4{
        margin-top: 1em;
        margin-bottom: 0.5em;
    }
    .border{
        padding: 0.5em;
        margin: 1em 0;
    }
    .shadow {
        -webkit-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.39);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.39);
    }
    #hearts-touched blockquote{
        margin-bottom: 0;
        padding: 1em 0;
    }
    #hearts-touched blockquote h2{
        margin-top: 10pt;
        margin-bottom: 0;
        font-size: 25pt;
    }

}

@media only screen
and (min-width : 480px)
and (max-width : 551px) {
    .navbar .search-bar-container .search-bar {
        background-color:#fffdfc;
    }
    section#home .louise-slide img{
        left:-4em;
    }
}

/* iPads (portrait and landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px) {
    /* Styles */
    .navbar .search-bar-container .search-bar {
        background-color:#fffdfc;
    }
    .admin-bar .navbar {
        margin-top:32px;
    }
    body{
        padding-top: 67px;
    }
    .navbar .container{
        width:1166px;
    }
    .navbar-brand img{
        max-width: 233px;
    }
    .navbar-default .navbar-brand{
        float: right;
    }
    .bordered-text{
        font-size: 7pt;
        letter-spacing: 3px;

        border: 1px solid #000;
    }
    section#home .hero-message {
        width: 15.1em;
        height: auto;
        left: 0;
        right: 0;

        margin-left: auto;
        margin-right: auto;
        top: 5.4em;
    }
    section#home .hero-message h4{
        font-size: 8pt;
    }
    section#home .hero-message h2{
        font-size: 17pt;
        line-height: 25pt;

        border-bottom: 1px solid #000;
    }
    section#home .hero-message .down-arrow{
        height: 25px;
    }
    section#home .paint-bg{
        left: 0;
        right: 0;

        margin: 0 auto;
        text-align: center;
    }
    section#home .paint-bg img{
        max-width: 68%;
    }
    section#home .paint-bg img{
        max-width: 68%;
    }
    section#home .sign-up-container .sign-up{
        padding: 1em 0;
    }
    section#home .sign-up-container .sign-up h4{
        font-size: 10pt;
    }
    section#home .sign-up-container .sign-up-message{
        font-size: 12pt;
        margin-top: 1em;
        z-index:9999;
    }
    .form-control{
        font-size:10pt;
        height: auto;
    }
    .btn{
        padding: 6px 12px;
        font-size: 10pt;
    }
    section#home .louise-slide img{
        width: 100%;
        max-width: 420px;
        left: 0px;
        bottom: -348px;
    }
    blockquote{
        background-position: 0% 0%;
        background-size: 60%;
    }
    section#quote blockquote p {
        font-size: 25pt;
    }
    section#quote blockquote::before{
        font-size: 77pt;
        margin-top: 0.7em;
    }
    section#quote blockquote::after{
        font-size: 77pt;
        margin-top: 0.9em;
    }
    section#quote blockquote footer{
        font-size: 11pt;
    }
    section#media .container{
        width: 100%;
        margin-left: 0;
    }
    section#hay-foundation .description{
        margin:1em 0;
    }
    section#hay-foundation p{
        font-size: 18pt;
        font-weight: 300;
    }
    section#shop .products-container{
        margin-top: 4em;
    }
    section#subscribe{
        padding: 1em 0;
    }
    footer#footer{
        font-size: 12pt;
    }
    footer#footer h4{
        margin-top: 1em;
        margin-bottom: 0.5em;
    }
    .border{
        padding: 0.5em;
        margin: 1em 0;
    }
    .shadow {
        -webkit-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.39);
        -moz-box-shadow: 0px 10px 0px 0px rgba(0,0,0,0.39);
        box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.39);
    }
    #hearts-touched blockquote{
        margin-bottom: 0;
        padding: 1em 0 2em;
    }
    #hearts-touched blockquote h2{
        margin-top: 10pt;
        margin-bottom: 0;
        font-size: 30pt;
    }


}

/* iPads (landscape) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 991px)
and (orientation : landscape) {
    /* Styles */
    .navbar .search-bar-container .search-bar {
        background-color:#fffdfc;
    }
    .admin-bar .navbar {
        margin-top:32px;
    }
    body{
        padding-top: 67px;
    }
    .navbar-brand img{
        max-width: 233px;
    }
    .navbar .container{
        width:1166px;
    }
    .navbar-default .navbar-brand{
        float: right;
    }
    .bordered-text{
        font-size: 7pt;
        letter-spacing: 3px;

        border: 1px solid #000;
    }
    section#home .hero-message {
        width: 15.1em;
        height: auto;
        left: 0;
        right: 0;

        margin-left: auto;
        margin-right: auto;
        top: 5.4em;
    }
    section#home .hero-message h4{
        font-size: 8pt;
    }
    section#home .hero-message h2{
        font-size: 17pt;
        line-height: 25pt;

        border-bottom: 1px solid #000;
    }
    section#home .hero-message .down-arrow{
        height: 25px;
    }
    section#home .paint-bg{
        left: 0;
        right: 0;

        margin: 0 auto;
        text-align: center;
    }
    .item-container{
        min-width: 416px;
    }
    section#home .paint-bg img{
        max-width: 68%;
    }
    section#home .sign-up-container .sign-up{
        padding: 1em 0;
    }
    section#home .sign-up-container .sign-up h4{
        font-size: 10pt;
    }
    section#home .sign-up-container .sign-up-message{
        font-size: 12pt;
        margin-top: 1em;
        z-index:9999;
    }
    .form-control{
        font-size:10pt;
        height: auto;
    }
    .btn{
        padding: 6px 12px;
        font-size: 10pt;
    }
    section#home .louise-slide img{
        width: 100%;
        max-width: 420px;
        left: 0px;
    }
    blockquote{
        background-position: 60% 35%;
        background-size: 60%;
    }
    blockquote p {
        font-size: 14pt;
    }
    section#quote blockquote::before{
        font-size: 77pt;
        margin-top: 0.7em;
    }
    section#quote blockquote::after{
        font-size: 77pt;
        margin-top: 0.9em;
    }
    section#quote blockquote footer{
        font-size: 11pt;
    }
    section#media .container{
        width: 100%;
        margin-left: 0;
    }
    section#hay-foundation .description{
        margin:1em 0;
    }
    section#hay-foundation p{
        font-size: 18pt;
        font-weight: 300;
    }
    section#subscribe{
        padding: 1em 0;
    }
    section#shop .products-container{
        margin-top: 4em;
    }
    footer#footer{
        font-size: 12pt;
    }
    footer#footer h4{
        margin-top: 1em;
        margin-bottom: 0.5em;
    }
    #about-page blockquote {
        padding-top: 1em;
        line-height: 38pt;
        font-size: 16pt;
        background-position: 3% 12%;
        margin-bottom: 1em;
        background-size: 75%;
        width: 29.5em;
    }

    #hearts-touched blockquote{
        margin-bottom: 0;
    }
    #hearts-touched blockquote h2{
        margin-bottom: 0;
    }

}

/* iPads (portrait) ----------- */
@media only screen
and (min-width : 768px)
and (max-width : 1024px)
and (orientation : portrait) {
    /* Styles */
    .navbar .search-bar-container .search-bar {
        background-color:#fffdfc;
    }
}
@media only screen
and (min-width : 768px)
and (max-width: 991px) {
    .navbar .search-bar-container .search-bar {
        background-color:#fffdfc;
    }
    .admin-bar .navbar {
        margin-top:32px;
    }
    body{
        padding-top: 65px;
        font-size:11.5pt;
    }
    .navbar .container{
        width:100%;
    }
    .bordered-text{
        font-size: 7pt;
        letter-spacing: 3px;

        border: 1px solid #000;
    }
    section#home{
        height:350px;
    }
    section#home .hero-message {
        width: 15.1em;
        height: auto;
        left: 0;
        right: 0;
        margin-left: auto;
        margin-right: auto;
        top: 2em;
    }
    section#home .hero-message::before{
        background-size: 100%;
        width: 470px;
        height: 303px;
        left: -50%;
        top: -33%;

    }
    section#home .hero-message h4{
        font-size: 7pt;
        letter-spacing: 2px;
    }
    section#home .hero-message h2{
        font-size: 17pt;
        line-height: 25pt;
        border-bottom: 1px solid #000;
    }
    section#home .hero-message .down-arrow{
        height: 25px;
    }
    section#home .item-container{
        width: 50%;
    }
    #blog-page .item-container{
        width:33.33333333%;
    }
    section#home .paint-bg{
        left: 0;
        right: 0;
        margin: 0 auto;
        text-align: center;
    }
    section#home .paint-bg img{
        max-width: 68%;
    }
    section#home .sign-up-container .sign-up{
        padding: 1em 0;
    }
    section#home .sign-up-container .sign-up h4{
        font-size: 10pt;
    }
    section#home .sign-up-container .sign-up-message{
        font-size: 12pt;
        margin-top: 1em;
        z-index:9999;
    }
    .form-control{
        font-size:10pt;
        height: auto;
    }
    .btn{
        padding: 6px 12px;
        font-size: 10pt;
    }
    section#home .louise-slide img{
        width: 100%;
        max-width: 386px;
        left: -13px;
        bottom: -138px;
    }
    blockquote{
        background-size: 100%;
        font-size: 14pt;
        width: 23em;
    }
    section#quote blockquote p {
        font-size: 25pt;
    }
    section#quote blockquote::before{
        font-size: 77pt;
        margin-top: 0.7em;
    }
    section#quote blockquote::after{
        font-size: 77pt;
        margin-top: 0.9em;
    }
    section#quote blockquote footer{
        font-size: 11pt;
    }
    section#media .container{
        width: 100%;
        margin-left: 0;
    }
    section#hay-foundation .description{
        margin:2em 0;
    }
    section#hay-foundation p{
        font-size: 21pt;
        font-weight: 300;
    }
    section#shop .products-container{
        margin-top: 4em;
    }
    section#subscribe{
        padding: 1em 0;
    }
    footer#footer{
        font-size: 12pt;
    }
    footer#footer h4{
        margin-top: 1em;
        margin-bottom: 0.5em;
    }

    #hearts-touched blockquote{
        margin-bottom: 0;
    }
    #hearts-touched blockquote h2{
        margin-bottom: 0;
    }
}
@media only screen
and (min-width : 992px)
and (max-width: 1359px) {
    .admin-bar .navbar {
        margin-top:32px;
    }
    body{
        padding-top: 67px;
        font-size:11.5pt;
    }
    .navbar .container{
        width: 1152px;
    }

    .navbar-nav>li>a{
        margin-top: 1.9em;
        margin-bottom: 1.4em;
        line-height: 0.8em;
        font-size:10pt;
    }
    .navbar-brand img{
        max-width: 233px;
    }
    .navbar .search-bar-container.navbar-form {
        margin-top: 1.1em;
        font-size: 10pt;
    }
    .navbar .search-bar-container .search-bar{
        width: 60px;
    }
    .bordered-text{
        font-size: 9pt;
        letter-spacing: 4px;
    }
    blockquote{
        font-size: 14pt;
        width: 29em;
        line-height: 2em;
        background-size: 70%;
    }
    section#home {
        background-size: 100% 100%;
    }
    section#home .hero-message {
        width: 22.1em;
        height: auto;
        top:2em;
        margin-left:70px;
    }
    section#home .hero-message::before{
        background-size: 65%;
        width: 930px;
        height: 473px;
        left: -40%;
        top: -29%;
    }
    section#home .hero-message h4{
        font-size: 10pt;
        letter-spacing: 3px;
    }
    section#home .hero-message h2{
        font-size: 23pt;
        line-height: 35pt;
    }
    section#home .hero-message .down-arrow{
        height:35px;
    }
    section#home .paint-bg{
        top: 0;
        right: -42.2em;
    }
    section#home .paint-bg img{
        max-width: 60%;
    }
    section#home .sign-up-container .sign-up{
        padding: 1em 0;
    }
    section#home .sign-up-container .sign-up h4{
        font-size: 10pt;
    }
    section#home .sign-up-container .sign-up-message{
        font-size: 12pt;
        margin-top: 1em;
        z-index:9999;
    }
    .form-control{
        font-size:10pt;
        height: auto;
    }
    .btn{
        padding: 6px 12px;
        font-size: 10pt;
    }
    section#home .louise-slide img{
        width: 128%;
        max-width: 700px;
        left: -70px;
    }
    section#home .louise-slide{
        min-height: 40px;
    }
    section#quote blockquote{
        background-position: 55% 35%;
        background-size: 50%;
    }
    section#quote blockquote p {
        font-size: 31pt;
    }
    section#quote blockquote::before{
        font-size: 77pt;
        margin-top: 0.7em;
    }
    section#quote blockquote::after{
        font-size: 77pt;
        margin-top: 0.9em;
    }
    section#quote blockquote footer{
        font-size: 11pt;
    }
    section#hay-foundation .description{
        margin:2em 0;
    }
    section#hay-foundation p{
        font-size: 24pt;
        font-weight: 300;
        line-height: 1.2em;
    }
    section#subscribe h3 {
        font-size: 18pt;
        margin-bottom: 1.5em;
    }
    section#subscribe .freebie{
        margin-right: -6em;
        width: 270px;
    }

    /**
     * About page
     */

    .copy p{
        font-size: 12pt;
        line-height: 24pt;
    }

    /***
     * Hay Foundation page
     */
    #hearts-touched blockquote{
        margin-bottom: 0;
    }
    #hearts-touched blockquote h2{
        margin-bottom: 0;
    }
    /***
    * Blog Page
    */
    .post-body,
    .post-footer{
        font-size: 12pt;
    }

    .more-container:first-child {
        padding-left: 0;
        border-right: 1px solid #000;
    }
    .more-container:last-child {
        padding-right: 0;
        border-left: 1px solid #000;
    }
}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1360px)
and (max-width : 2149px) {
    /* Styles */
    .admin-bar .navbar {
        margin-top:32px;
    }
    body{
        padding-top: 67px;
        font-size:11.5pt;
    }
    blockquote{
        font-size: 16pt;
        width: 29em;
        line-height: 2em;
    }
    .navbar-nav>li>a{
        margin-top: 1.9em;
        margin-bottom: 1.4em;
        line-height: 0.8em;
    }
    .navbar .container{
        width:1545px;
    }
    .navbar-brand img{
        max-width: 233px;
    }
    .navbar .search-bar-container.navbar-form {
        margin-top: 1.25em;
    }
    .navbar .search-bar-container .search-bar{
        width: 60px;
    }
    section#home{
        background-size: 100% 100%;
    }
    section#home .hero-message {
        margin-left:110px;
        width: 26.1em;
        height: 37.7em;
        top:4em;
    }
    section#home .hero-message::before{
        background-size: 100%;
        width: 821px;
        height: 566px;
        right: -46%;
        top: -18%;
    }
    .bordered-text{
        font-size: 12pt;
    }
    section#home .hero-message h4{
        font-size: 13pt;
        letter-spacing: 3px;
    }
    section#home .hero-message h2{
        font-size: 29pt;

        line-height: 42pt;
    }
    section#home .paint-bg{
        top: 0;
        right: -22.2em;
    }
    section#home .paint-bg img{
        max-width: 80%;
    }
    section#home .sign-up-container{
        margin-top: 0;
        top: -10em;
    }
    section#home .sign-up-container .sign-up-message{
        font-size: 18pt;
        margin-top: 1em;
        z-index:9999;
    }
    section#home .sign-up-container .sign-up{
        padding:1em 0;
        z-index:9999;
    }
    .form-control{
        font-size:13pt;
        height: auto;
    }
    .btn{
        padding: 6px 12px;
        font-size: 12pt;
    }
    section#home .louise-slide img{
        width: 128%;
        max-width: 1160px;
        left: -5em;
    }
    blockquote{
        background-size: 60%;
    }
    section#quote blockquote p{
        font-size: 36pt;
    }
    section#quote blockquote::before{
        font-size: 77pt;
        margin-top: 0.7em;
    }
    section#quote blockquote::after{
        font-size: 77pt;
        margin-top: 0.9em;
    }
    section#quote blockquote footer{
        font-size: 14pt;
    }
    .item-container .item-description .play-button{
        max-width: 25px;
    }
    section#media .container,
    section#quote .container
    {
        width:1303px;
    }
    section#hay-foundation .description{
        margin:4em 0;
    }
    section#hay-foundation p{
        font-size: 24pt;
        font-weight: 300;
        line-height: 1.6em;
    }
    section#shop .products-container{
        margin-top: 4em;
    }
    section#subscribe h3 {
        font-size: 21pt;
        margin-bottom: 1.5em;
    }
    section#subscribe .freebie{
        margin-right: -6em;
    }

    /**
     * About page
     */

    .copy p{
        font-size: 12.7pt;
        line-height: 26pt;
    }

    .promo-desc {
        font-size: 14pt;
    }


    /***
     * Affirmations page
     */

    /***
    * Hay Foundation Page
    */
    section#hay-foundation .arrow {
        margin: -1em 0 0 -8em;
        padding: 0 1em 3em 0;
        width: 100px;
    }
    #donation .donation-text {
        font-size: 20pt;
        margin-top: 2em;
    }
    #hearts-touched blockquote{
        margin-bottom: 0;
    }
    #hearts-touched blockquote h2{
        margin-bottom: 0;
    }


    /***
     * Blog Page
     */
    .post-body,
    .post-footer{
        font-size: 14pt;
    }
    .more-container:first-child {
        padding-left: 0;
        border-right: 1px solid #000;
    }
    .more-container:last-child {
        padding-right: 0;
        border-left: 1px solid #000;
    }
}

/* Large screens ----------- */
@media only screen
and (min-width : 2150px) {
    section#home .hero-message {
        margin-left:120px;
    }
    /* Styles */

    .admin-bar .navbar {
        margin-top:32px;
    }

    body{
        padding-top: 98px;
        font-size:13pt;
    }
    blockquote{
        font-size: 19pt;
        width: 29em;
        line-height: 2em;
        background-size: 70%;
    }
    .navbar .container{
        width:1860px;
    }
    .navbar-nav>li>a{
        margin-top: 2.3em;
        margin-bottom: 2.3em;
        line-height: 1em;
    }
    .navbar-brand img{
        max-width: 355px;
    }
    .navbar .search-bar-container.navbar-form {
        margin-top: 1.4em;
    }
    .navbar .search-bar-container .search-bar{
        width: 80px;
    }
    #home-page blockquote{
        background-position: 0% 40%;
    }
    section#quote blockquote p{
        font-size: 50pt;
        line-height: 65pt;
    }
    section#media .container,
    section#quote .container,
    section#hay-foundation .container
    {
        width:1303px;
    }
    section#hay-foundation .description{
        margin:6em 0;

    }
    section#hay-foundation p{
        font-size: 32pt;
        font-weight: 300;
        margin-bottom: 1em;
        line-height:1.2em;
    }
    section#hay-foundation .thank-you-text{
        font-size: 28pt;
    }
    section#hay-foundation .arrow{
        margin: -2em 0 0 -12em;
        padding: 0 2em 2em 1em;
    }
    #hay-foundation-page section#hay-foundation p{
        font-size: 23pt;
        line-height: 50pt;
        padding: 0;
    }
    section#shop .products-container{
        margin-top: 4em;
    }
    h5{
        font-size: 17pt;
    }
    section#subscribe h3 {
        font-size: 22pt;
        margin-bottom: 1.5em;
    }
    section#subscribe .freebie{
        margin-right: -6em;
    }

    /**
     * About page
     */


    .copy p{
        font-size: 15pt;
        line-height: 28pt;
        margin-bottom: 2em;
    }

    .promo-desc {
        font-size: 17pt;
    }


    /***
    * Affirmations page
    */


    /***
    * Multimedia Page
    */

    /***
    * Hay Foundation Page
    */
    #donation .donation-text {
        font-size: 23pt;
        margin-top: 2em;
    }

    /***
     * Blog Page
     */
    .post-body,
    .post-footer{
        font-size: 15pt;
    }
    .more-container:first-child {
        padding-left: 0;
        border-right: 1px solid #000;
    }
    .more-container:last-child {
        padding-right: 0;
        border-left: 1px solid #000;
    }

    .read-more a{
        width: 257px;
        height: 73px;

        padding: 8%;
        background-size: 257px 73px;

        font-size: 15pt;
    }

    .item-filter-controls>.nav-pills>li a,
    .multimedia-filter-controls>.nav-pills>li a,
    .blog-filter-controls>.nav-pills>li a,
    .product-filter-controls>.nav-pills>li a{
        font-size: 13pt;
    }


}
@media (max-width:480px){
    .product-container .product-image-container .product-image img{
        position: relative;
    }
    .product-container .product-image-container{
        display: inline-block;
    }
    .product-container{
        text-align: center;
    }
    section#home .hero-message .down-arrow{
        display: none;
    }
    .navbar-brand{
        padding-left:0;
    }
    #blog-page section#main-image .header-text {
        font-size: 17pt;
        line-height: 1.2em;
    }
    .hidden-xxs{
        display:none!important;
    }
    .visible-xxs{
        display:block!important;
    }

}
@media (min-width:480px) {
    #blog-page section#main-image .header-text {
        font-size: 23pt;
        line-height: 1.2em;
    }
}
@media (max-height: 480px){
    .navbar .container .navbar-collapse{
        max-height:351px;
    }
}
@media(max-width:779px){
    .widget.featured-product .product-wrap{
        display:block;
        width: 100%;
    }
}
@media (max-width: 992px){
    .current-menu-item a {
        color: #b65024 !important;
    }
    .popular-articles.widget .popular-articles-container .article-container{
        text-align: center;
    }
    .navbar-default .navbar-nav>li>a{
        border-right: transparent;
    }
    .navbar-nav{
        margin: 0;
    }
    .navbar-default{
        background-color: transparent;
        border-color: transparent;
    }
    .navbar-header{
        background-color:#b65024;
    }
    .navbar .container .navbar-collapse{
        background-color: #fff;
        margin:0;
        padding: 0;
        border: none;
        max-height: 450px;
        -webkit-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.3);
        -moz-box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.3);
        box-shadow: 0px 3px 5px 3px rgba(0,0,0,0.3);
    }
    .navbar .container .navbar-collapse .menu-main_nav-container ul > li > a{
        color:#9b9b9b;
        margin: 1.1em 0.6em;
    }
    .navbar .container .navbar-collapse .menu-main_nav-container ul > li > a:hover{
        color:#d0805d
    }
    .navbar .container .navbar-collapse .menu-main_nav-container ul > li{
        overflow:hidden;
        border-bottom: 1px solid #e4e5e6;
    }
    .navbar .search-bar-container.navbar-form{
        border: none;
        padding:1em 0;
        margin-top: 0;
    }
    .search-bar-container.visible-xs{
        margin-top: 0;
        background-color: #f8f0eb;
        color:#9d9d9d;
        text-align: center;
    }
    .navbar .search-bar-container.visible-xs .search-bar{
        display:inline-block;
        color:#9d9d9d;
    }
    .navbar .search-bar-container input::-webkit-input-placeholder{
        color:#9d9d9d;
    }
    .navbar .search-bar-container input::-moz-placeholder{
        color:#9d9d9d;
    }
    .navbar .search-bar-container input:-moz-placeholder{
        color:#9d9d9d;
    }
    .navbar .search-bar-container input:-ms-input-placeholder{
        color:#9d9d9d;
    }
    #media-gallery{
        padding-top: 0;
    }
    .media-container{
        margin-top: 0;
    }
    blockquote{
        margin-bottom: 0;
    }
}
@media (min-width: 992px){
    .affirmation-modal .modal-dialog {
        width: 450px;
    }
    .video-modal .modal-dialog{
        width:600px;
    }

    .widget.sign-up .form-inline .form-group,
    .widget.sign-up .form-inline .form-control {
        display: block;
    }
    .widget.featured-product .product-wrap{
        margin-right:0;
    }
    .modal-dialog{

    }
    #blog-page section#main-image .header-text {
        font-size: 31pt;
        line-height: 1.2em;
    }

}
@media (min-width:1200px){
    .widget.sign-up .title {
        font-size: 13pt;
    }
    .widget.sign-up .subtitle {
        font-size: 16pt;
    }
    #blog-page section#main-image .header-text {
        font-size: 46pt;
        line-height: 1.5em;
    }
}
@media (min-width: 1600px){
    .widget.sign-up .title {
        font-size: 15pt;
    }
    .widget.sign-up .subtitle {
        font-size: 18pt;
    }
    .audio-modal .modal-dialog {
        width: 35vw;
        height: 35vw;
    }
}