/* Body Styling */

*, html, body, h1, h2, h3, h4, h5, h6, li, dd, dl, select, input, .top-bar-section ul li > a, button, .button, .pricing-table .title, .pricing-table .price, .tabs dd > a, .tabs .tab-title > a, 
.side-nav, .side-nav li.active > a:first-child:not(.button), .accordion .accordion-navigation > a, .accordion dd > a, .sub-nav dt, .sub-nav dd, .sub-nav li, 
.label {font-family:EB Garamond, serif; font-weight:300; color: #444; }

h1 {font-size: 2.6rem;letter-spacing: -1px; margin: 1.5rem 0 1.5rem 0; color: #444; color: #495e71; padding: 5px 20px 5px 20px;}
h2 {color: #444; color: #495e71; font-size: 2em;letter-spacing: -1px; margin: 1rem 0 3rem 0; padding: 5px 20px 5px 20px;}
h3 {color: #444; color: #495e71; font-size: 1.6em;letter-spacing: -1px; padding: 5px 20px 5px 20px;}
p {font-size: 1.2rem;color: #444; color: #363f4e; margin: 0 0 2rem 0; padding: 5px 20px 5px 20px;}

.slide-white .columns li {font-size: 1.2rem;color: #444; color: #363f4e; margin: 0 0 0.5rem 1.5em; padding: 5px 20px 5px 20px;}
.homepage-image {margin-left: auto;margin-right: auto;display: block;padding-top: 2.5vh;max-width: 72%;}
.header-image {padding-top: 9vh;height:40vh!important;}

a {color: #5abb64; color: #4186B6; line-height: inherit;}

body { margin: 0;padding: 0;width: 100%; background: #fff; background-size: cover; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

img { height: auto !important; }
p img { margin-bottom: 1rem; }

.main-content-row {margin-top: 9vh;}
header { margin-top: 1rem; }
footer { padding-top: 1rem; }
.row, .contain-to-grid .top-bar { max-width: 90rem; }
.slide-white .columns { padding-bottom: 3rem; }
ul.pagination li a{ color: #6C7586; font-size: 1.1rem; line-height:1.4rem; height: 1.4rem; }
.clear {clear:both!important;}

.form-background { background: #d4d7db; background-image: radial-gradient(circle at top center, #f4f7fB, #D4D7DB); padding: 1vh 2vh; }

.basket-button {font-size: 1.1em!important;padding: 10px!important;margin-left: 2vw!important;}

/* Navigation Styling */

.fixed { box-shadow: 0 0 3px #000;background:#fff;}
.nav-bar {display: flex;justify-content: space-between;align-items: center;background: #fff;font-family: "Open Sans", sans-serif;}
.nav-bar .nav-bar-logo {padding: 1.8rem;}
.nav-bar a {color: #fff;transition: color 0.2s ease-in;}
.nav-bar a:hover {color: #a8b8c3;}

@media screen and (max-width: 39.9375em) {.nav-bar {height: 53.57143px; }}

.nav-bar .offcanvas-trigger {display: flex;align-items: center;justify-content: center;padding: 1.6rem;color: #fff;font-family: "Open Sans", sans-serif;
                             text-transform: uppercase;background-color: rgba(0,0,0,0);transition: background-color 0.2s ease-in;cursor: pointer;}
.nav-bar .offcanvas-trigger .offcanvas-trigger-text {margin-right: 0.25rem;margin-top: 0.25rem;}
.nav-bar .offcanvas-trigger:hover {background-color: #fff;}

@media screen and (max-width: 39.9375em) {.nav-bar .offcanvas-trigger {padding: 0.9rem; }}

.off-canvas {background: #222b31;padding: 20px;color: #fff;font-family: "Open Sans", sans-serif;}
.off-canvas > .menu {margin-bottom: 1rem;}
.off-canvas .menu a {color: rgba(255, 255, 255, 0.6);padding-top: 7px;padding-bottom: 7px;transition: color .2s ease-in;}
.off-canvas .menu a:hover {color: #fff;}
.off-canvas .fa {color: #fff;}
.off-canvas .is-accordion-submenu-parent > a::after {border-color: rgba(255, 255, 255, 0.6) transparent transparent;}
.off-canvas .social-links {margin-left: 20px;}
.off-canvas .social-links li {margin-right: 5px;}
.off-canvas .social-links a:hover .fa {color: #bfbfbf;transition: color .2s ease-in; }
.off-canvas .social-links .fa {font-size: 2.2rem;}
.body-info {text-align: center;font-family: "Open Sans", sans-serif;color: #2c3840;}
.body-info .button {margin: 1rem 0;padding: 0.85em 2em;}
.is-open + .off-canvas-content .hamburger .line:nth-child(1),
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {width: 12px;}
.is-open + .off-canvas-content .hamburger .line:nth-child(1) {transform: translateX(-5px) rotate(-45deg);}
.is-open + .off-canvas-content .hamburger .line:nth-child(3) {transform: translateX(-5px) rotate(45deg);}
.hamburger .line {width: 20px;height: 3px;background-color: #000;display: block;margin: 4px auto;transition: all 0.3s ease-in-out;margin-left: 5px; }
.hamburger .line:last-child {margin-bottom: 0; }
.title-bar {background: #fff;padding: 0.9rem;}   
.top-bar {background: #fff; padding: 0;}
top-bar ul {background: #fff;}
.top-bar ul li {background: #fff;}
.top-bar ul li a {letter-spacing: 0px;color: #495e71;font-weight: 400;font-size: 1.2rem;padding: 1em 0.9375rem;}
.slide-maintnav .top-bar ul li a {letter-spacing: 0px;color: #495e71;font-weight: 400;font-size: 1rem;padding: 1em 0.9375rem;}
.menu-text {color: #000;}
.menu-text {color: #000;}
.menu .active > a {background: none;color: #495e71;}
.dropdown.menu .submenu {border: none;}
.js-off-canvas-overlay.is-overlay-fixed {position: fixed;z-index: 9999;}

.maintenance-breaks {margin-bottom: 1.5vh;background: #eaeaea;margin-top: 10px;margin-left: -30px;margin-right: -20px;padding-left: 40px;padding-top:5px;padding-bottom:5px;margin-top:20px;font-weight: 600;}
.icon-maintenance-area {float: right;margin-right: 25px;margin-top: 5px;color: #444;}

/* Social Icons Styling */

.fi-social-twitter {background: #6caddf; color: #fff; padding: 0px 0.4rem;}
.fi-social-facebook {background: #3b579d; color: #fff; padding: 0px 0.4rem;}
.fi-social-google-plus {background: #c00; color: #fff; padding: 0px 0.4rem;}
.fi-social-twitter:hover { color: #6caddf; }
.fi-social-facebook:hover { color: #3b579d; }
.fi-social-google-plus:hover { color: #c00; }
.size-12 { font-size: 12px; }
.size-14 { font-size: 14px; }
.size-16 { font-size: 16px; }
.size-18 { font-size: 18px; }
.size-21 { font-size: 21px; }
.size-24 { font-size: 24px; }
.size-36 { font-size: 36px; }
.size-48 { font-size: 48px; }
.size-60 { font-size: 60px; }
.size-72 { font-size: 72px; }

.fi-page-edit {margin-left:-25px;float:left;}

/* Slide Styling */



.slide-maintnav {background: #fff; color:#272727; margin:0 auto; overflow:hidden; padding:0; width:100%; }

.slide-nav {background: #fff; color:#272727; margin:0 auto;padding:0; width:100%;height: 90px;box-shadow: 3px 0px 5px #000;position:fixed;z-index: 9999;margin-top: -9vh;}

.slide-mobile-navigation {background: #fff; color:#272727; margin:0 auto; overflow:hidden; padding: 5px 0 0 0; width:100%;height: 55px;}

.slide-mobile-navigation p {font-family: Montserrat; font-size: 1.5rem; letter-spacing:-2px; font-weight: 300!important; color: #000 !important; text-align:left; margin:0; height: 45px;}

.slide-white { background: #fff; color:#272727; margin:0 auto; overflow:hidden; padding:10px 0; width:100%; }

.slide-workshop {color:#272727; margin:0 auto; overflow:hidden; padding:10px 0; width:100%; }

.slide-brown { background: #495e71; color:#272727; margin:0 auto; overflow:hidden; padding:10px 0; width:100%; }

.slide-brown h3 { text-align:center; color:#fff; }

.slide-green { background: #5abb64; background: #495e71; color:#272727; color:white; margin:0 auto; overflow:hidden; padding:2px; width:100%;height: 31px;}

.slide-green-v2 {padding:2px; background: #5abb64; background: #495e71; color: #fff; margin-top:40px;margin-bottom:10px;}

.slide-green-v2 h2 { text-align:left; color:#fff;margin: 2px 0 2px 10px; }

.slide-blue { background: #2a4a9b; color:#272727; margin:0 auto;overflow:hidden; width:100%; }

.slide-grey { background: #FFF; color: #fff; border-top: 1px solid #ccc;margin-top: 5vh; }

.slide-greyv2 { background: #AAB1BC; color: #fff; height: 6.5rem;}

.slide-event { background: #eff0f0; color: #fff; }

.slide-background-1 { color: #444; margin: 0; position:relative; width:100%; }

.slide-background-5 { background: url(../img/2.jpg) 100% 0 no-repeat #222; color: #fff; background-size: cover; height: 41vh;}

.slide-dnp {margin-top: -50px; }

.slide-background-shelf {background: url(../img/home-header.jpg) 100% 0 no-repeat #222; color: #fff; background-size: cover;padding-bottom: 5vh;}
.slide-background-shop {background: url(../img/ice-6087pano.jpg) 100% 0 no-repeat #222; color: #fff; background-size: cover;padding-bottom: 5vh;}

.slide-breadcrumbs {background: #fff; color:#272727; margin:0 auto; overflow:hidden; padding:0; width:100%; max-height: 28px;margin-top: 5vh;text-align: center;}



.slide-blue h1, .slide-blue h2, .slide-blue h3, .slide-blue p, .slide-blue a {color:#fff;}



.slide-background-1 h1, .slide-background-1 h2, .slide-background-1 h3, .slide-background-1 h4, .slide-background-1 h5, .slide-background-1 p { color:#000; margin:0.5rem; }

.homepage-slide-heading {text-align: center;color: #fff;font-size: 2.5em;padding-top: 4vh;}
.homepage-slide-heading-alt {text-align: center;color: #495e71;font-size: 2.5em;padding-top: 4vh;}

/* Grid Styling */



.component-grid, .grid { width: 100%; max-width: 100%; padding-bottom: 0; }

.component-grid { padding: 0px; }

.grid figure {position: relative; float: left; overflow: hidden; margin: 10px 0px; min-width: 100%; max-width: 480px;

              max-height: 360px; background: #3085a3; text-align: center; cursor: pointer;}

.grid figure figcaption {padding:1em;}

.grid figure img {margin-left: auto;margin-right: auto;width: 100%;height:auto!important;display:block;}

.grid figure h2, .grid figure p {color:#fff;word-spacing:0;}

.grid figure h2 {font-size:1.75rem;font-weight:600;}

.component-grid li {width:33%}

.component-grid figure {width: 100%; max-width: 100%;}

.component-grid figure img {margin-left: auto; margin-right: auto; width: 100%;}



figure.effect-oscar figcaption {background:none;}



/* Edit Link Styling */



.editLink {float:none !important; position: fixed; bottom: -2px; left: 46%; border-radius: 10px 10px 0 0 !important; background: #15c !important;

           box-shadow: 0px 0px 5px #999, 0px 2px 3px #4ae inset; width: auto !important; height: 55px; text-align: center; padding: 10px 10px 0px 10px !important;

           vertical-align: center; z-index: 100000;}



img.left { float: left; margin: 5px 40px 10px 0px;margin-left: 0px!important;}

img.right { float: right; margin: 5px 0px 10px 40px;}

.calendar img {max-width:none;}



/* Button Styling */



button, .button {border-style: solid; border-width: 0; cursor: pointer; 

                 line-height: normal; margin: 0 0 1.25rem; position: relative; text-decoration: none; text-align: center; -webkit-appearance: none; border-radius: 0;

                 display: inline-block; padding-top: 1rem; padding-right: 2rem; padding-bottom: 1.0625rem; padding-left: 2rem; font-size: 1.4rem; background-color: #007bc2;

                 border-color: #007095; color: #FFFFFF!important; transition: background-color 300ms ease-out; background-color: #495e71;}



button.alert, .button.alert {background-color: #c92d13; border-color: #cf2a0e;color: #FFFFFF;}

button.smallest, .button.smallest { display:inline-block; padding-top: 0.1rem;padding-right: 1rem;padding-bottom: 0.3rem;padding-left: 1rem;font-size: 1rem; margin-top:-1px; margin-bottom:2px;}



button.success, .button.success {

    background-color: #5abb64;

    background-color: #15243d;

    border-color: #368a55;

    color: #FFFFFF;

}

button.success:hover, .button.success:hover {

    background-color: #131f32;

}



.pricing-table {background-color: $white;border: solid 1px $medium-gray;width: 100%;text-align: center;list-style-type: none;}

.pricing-table  li {border-bottom: dotted 1px $medium-gray;padding: 0.875rem 1.125rem;&:last-child {border-bottom: 0;}}



/* Article Styling */



.article p {font-size: 120%;padding:10px 150px}

.article h1 {text-transform: uppercase;margin-bottom: -5px;letter-spacing: 0;text-align: center;font-size: 2.5rem;}

.article h2 {text-transform: uppercase;letter-spacing: 1px;text-align: center;font-size: 2rem;}

.article h3 {text-transform: uppercase;letter-spacing: 1px;font-size: 1.6rem;padding: 5px 20px 5px 20px;}

.article p img {margin: 10px;margin-right:100px;}

.article p img.center {margin-left:auto!important;margin-right:auto;display:block;}



.caption-right { color:#6C7586; font-size: 1.1rem; line-height:1.4rem ; clear:left;margin-right: 0px; margin-left:40px; margin-bottom: 50px;margin-top: -10px;padding:5px;font-style:italic; display:block;}

.article p img.captioned-image-right {display:block; margin-bottom:10px;  margin-left:40px;margin-right: 0px;}



.caption-left { color:#6C7586; font-size: 1.1rem; line-height:1.4em; clear:left;margin-right: 40px; margin-left:0;margin-bottom: 50px; margin-top: -10px; padding:5px; font-style:italic; display:block;}

.article p img.captioned-image-left {display:block; margin-bottom:10px;  margin-left:0px;margin-right: 40px;}



.caption-center { color:#6C7586; font-size: 1.1rem; line-height: 1.4rem; clear:left;margin-right: 0px;margin-left:0; margin-bottom: 50px;margin-top: -10px;padding:5px;font-style:italic; display:block; float:right;}

.article p img.captioned-image-center {display:block; margin-bottom:10px;  margin-right: 0px;margin-left:0;}



/* Your Style Changes Below */



.image-title {background: #f1f1f1;margin-bottom: 0px;font-weight: 500;letter-spacing: -1px; font-size: 1.5em; line-height:1.3em; height: auto; padding: 10px !important; width: 100%}



.pricing-table .title {background-color: #131F32 !important; padding: 0.9375rem 1.25rem;text-align: center;color: #fff !important;font-weight: 600;font-size: 1.6rem;letter-spacing: -1px;}

.pricing-table .price {background-color: #4E586A !important;padding: 0.9375rem 1.25rem;text-align: center;color: #fff!important;font-weight: 600;font-size: 1.5rem;}

.pricing-table .bullet-item { font-size: 1.2rem; line-height: 1.4rem;}



.panel-issue {border-color: #d8d8d8;margin-bottom: 1.25rem;padding: 1.25rem;background: #f2f2f2;color: #333333;}

.panel-issue p { margin-bottom:0; }

.panel-header {margin-bottom: 1rem;padding: 1rem;background: rgba(224,224,224,0.4);color: #333333;}

.panel-header h1 {font-family:EB Garamond, serif;text-transform: uppercase;text-align:center;font-size: 2.6rem;letter-spacing: -1px;color: #000;margin-bottom: -10px;}

.panel-header h2 {font-family:EB Garamond, serif;text-transform: uppercase;text-align:center;font-size: 2.2rem;letter-spacing: 0;color: #000;}

.panel-price {border-style: solid;border-width: 1px;border-color: #d8d8d8;margin-bottom: 0px;padding: 0.5rem;background: #f2f2f2;color: #333333;}



hr {border: solid #6C7586;border-width: 1px 0 0;clear: both;margin: 1.25rem 0 3rem;height: 0;width: 85%;margin-left: auto;margin-right: auto;}



.mobile-search-bar { position: fixed; bottom: 0;width: 100%; z-index: 10000; text-align: center;background: #abb5c6;padding: 0.5rem; }

.mobile-search-bar a { color: black; border-bottom: 0; }

.mobile-search-bar-product { position: fixed; bottom: 0;width: 100%; z-index: 10000; text-align: center;background: #eaeaea;padding: 0.5rem; }

.mobile-search-bar-product a { color: black; border-bottom: 0; }

.my-modal-search { float:left; }

.my-modal-property-nav { float:right; }

#myModalSearch {position:fixed;top:0 !important;padding:0.5rem; min-width:auto!important; min-height: 1em!important; width: 80vw; margin-top: 45px; font-size: 120%; border-radius: 0 0 10px 10px;}



#myModalSearch1, #myModalPropertyNav1 {text-align: center;position:fixed;top:0 !important;padding:0.5rem; min-width:auto!important; min-height: 1em!important;margin-left: 23.5vw;

                                       margin-right: 10vw;width: 80vw; margin-top: 118px; font-size: 120%; border-radius: 0 0 10px 10px;}



#myModalPropertyNav1 a, #myModalPropertyNav a { background: #ddd; border-radius:10px; margin-bottom: 3px;border:1px solid #ccc;width: 100%; display: block; }

i.fi-star {animation: blink 1s steps(10) infinite;

           -webkit-animation: blink 1s steps(10) infinite; }

@keyframes blink { 50% { color: transparent; } }



.reveal-modal-bg{position:fixed;}

.reveal-modal{position:fixed;}



.back-to-top {background: none;margin: 0;border: solid 1px;border-color: #495e71 ;border-radius: 7px 7px 0 0;position: fixed;bottom: 54px;

              z-index: 99999;display: none;text-decoration: none;color: #ffffff !important; text-align:center; padding-right:1em; background-color: #15243d;right: 83.9vw;}



.back-to-top i {font-size: 40px;color: #ffffff;margin-left:18px;}



.callout.secondary {background-color: #fff;color: #0a0a0a;padding-bottom: 0!important;}

.callout-team {position: relative;margin: 0 0 1rem 0;padding: 1rem;border: none;background-color: #efefef;color: #0a0a0a;height: 33rem;}

.callout-columnists {position: relative;margin: 0 0 1rem 0;padding: 1rem;border: none;background-color: #efefef;color: #0a0a0a;height: 34.5rem;}



.has-tip {position: relative;display: inline-block;border-bottom: none; font-weight: bold;cursor: help;}



#AccountModal {width: 63vw;}

#AccountModal p {text-align:center;}



#SearchModal {width: 63vw;}



.callout-account {position: relative;margin: 0 0 1rem 0;padding: 1rem;background-color: #eff0f0;color: #0a0a0a;height:11.75vh;}

.callout {position: relative;margin: 0 0 1rem 0;padding: 1rem;border: none;background-color: #efefef;color: #0a0a0a;}



.fadeout {

    /*   border   : 1px #d8d8d8 dashed; */

    position : relative;

    overflow: hidden;

}



.fadeout:after {

    content  : "";

    position : absolute;

    z-index  : 1;

    bottom   : 0;

    left     : 0;

    pointer-events   : none;

    background-image : linear-gradient(to bottom, 

        rgba(255,255,255, 0), 

        rgba(255,255,255, 1) 90%);

    width    : 100%;

    height   : 40vh;

}



.stripe-button-el {

    background: #df1368 !important;	

    box-shadow:0!important;

    border:0!important;

    border-radius:0!important; 

    width: 100%;

    padding: 0!important;

}

.stripe-button-el span {

    background: #df1368!important;	

    font-size: 1.2em!important;

    font-weight: 300!important;

    box-shadow:0!important;

    border:0!important;

    padding: 15px 20px 20px 20px !important;

    border-radius: 0!important; 

    height: 2.4em!important;

    font-family:EB Garamond, serif!important;

} 

.nav-logo {
    padding: 0;
    margin-top: -2vh;
    margin-bottom: -3.5vh;
    max-height: 7vh;
}

.masonry-css {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;-webkit-column-gap: 2.5px;-moz-column-gap: 2.5px;column-gap: 2.5px;}
.masonry-css-item {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;margin-bottom: 2.5px;}

.slide-main-gallery { background: #fff; color:#272727; margin:0 auto; overflow:hidden; width:100%; }
.slide-main-gallery h1, h2, h3 {color:#495e71;}
.slide-main-gallery p {color:#363f4e;}

.image-title{background: #f1f1f1;margin-bottom: 0px;font-weight: 500;letter-spacing: -1px; font-size: 1.5em; line-height:1.3em; height: auto; padding: 10px !important; width: 100%}

.callout {
    position: relative;
    /* margin: 0 0 1rem 0; */
    padding: 10px;
    border: 1px solid rgba(10, 10, 10, 0.25);
    border-radius: 0;
    background-color: white;
    color: #0a0a0a;
}

.reveal {
    width: auto;
    max-width: 78vw!important;
    height: auto;
    max-height: 77.5vh!important;
    margin-top: 45px;
}

.reveal img {
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    height: auto!important;
    max-height: 73.5vh!important;
    -ms-interpolation-mode: bicubic;
}

.reveal p { 
    line-height: 22px;
}

.callout-gallery {
    position: relative;
    padding: 20px;
    border: none;
    border-radius: 0;
    background-color: #fff;
    border: 1px solid #495e71;
}

.callout-gallery p {color:#444;line-height: 22px;text-align:center;margin-bottom:20px;}

.input-group {
    display: table;
    width: 100%;
    margin-bottom: 1rem;
    display: block;
    position: fixed;
    bottom: 0;
    z-index: 10000;
    margin-bottom: 2vh!important;
    margin-left: 2vw!important;
}

.searchbar {
    margin: 1rem;
}

.search-field {
    width: 0;
    height: 40px;
    margin-left: 6rem;
    padding: 0;
    border-radius: 50px;
    border: none;
    margin-top: -4vh;
    transition: all 0.5s ease;
}

.expand-search {
    width: 50%;
    max-width: calc(80% - 3rem);
    border: 1px solid #c9c9c9;
    padding: .5rem;
    border-radius: 25px!important;
}


svg {
    width: 20px;
    height: 20px;
}

.button {
    border-radius: 50px;
}

.identity-plate {margin-top: 5vh;
                 margin-left: auto;
                 margin-right: auto;
                 display: block;}

.gallery-text {
    margin-bottom: 0vh;
    text-align: center;
    margin-top: 1vh;
}
.gallery-credit {
    text-align: center;
}
.gallery-button {margin-left: auto;
                 margin-right: auto;
                 display: block;
                 width: 20%;
                 margin-top: -2vh;
                 font-size: 1.1em;
                 text-transform: uppercase;}

.input-group-button a, .input-group-button input, .input-group-button button, .input-group-button label {
    height: 2.5rem;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
    float: left;
}

@media screen and (min-width: 25em) {
    .masonry-css {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}

@media screen and (min-width: 37.5em) {
    .masonry-css {
        -webkit-column-count: 3;-moz-column-count: 3;column-count: 3;}
}

@media screen and (min-width: 50em) {
    .masonry-css {-webkit-column-count: 4;-moz-column-count: 4;column-count: 4;}
}

@media screen and (min-width: 68.75em) {
    .masonry-css {-webkit-column-count: 6; -moz-column-count: 6;column-count: 6;}
}

/* Pano Gallery */

@media screen and (min-width: 25em) {
    .masonry-css-pano {-webkit-column-count: 1;-moz-column-count: 1;column-count: 1;}
}

@media screen and (min-width: 37.5em) {
    .masonry-css-pano {
        -webkit-column-count: 3;-moz-column-count: 2;column-count: 2;}
}

@media screen and (min-width: 50em) {
    .masonry-css-pano {-webkit-column-count: 2;-moz-column-count: 2;column-count: 2;}
}

@media screen and (min-width: 68.75em) {
    .masonry-css-pano {-webkit-column-count: 3; -moz-column-count: 6;column-count: 3;}
}

/* Small screens */

@media only screen {

    .header-image {height:auto;}
    .main-content-row {margin-top:70px;}
    .slide-mobile-navigation p {font-family: Montserrat;font-size: 1.25rem;letter-spacing: -2px;font-weight: 300!important;color: #000!important;text-align: left;
                                margin: 0;height: 45px;line-height: 25px;margin-top: 2px;}
    .slide-mobile-navigation {background: #fff;color: #272727;margin: 0 auto;overflow: hidden;padding: 5px 0 0 0;width: 100%;height: 70px;}
    .slide-green {margin-top: 71px;margin-bottom: -70px;}
    .article p {font-size: 110%;padding: 10px 40px 10px 20px;}
    .article h1 {text-transform: uppercase;margin-bottom: -5px;letter-spacing: -1px;text-align: center;font-size: 2rem;}
    .article h2 {text-transform: uppercase;letter-spacing: -1px;text-align: center;font-size: 1.65rem;padding: 0px 40px 0px 20px;}
    .article p img {margin: 10px;margin-right:100px;}
    .article p img.center {margin-left:auto!important;margin-right:auto;display:block;}
    .caption-center { color:#6C7586; font-size: 0.95rem; line-height: 1.3rem; clear:left;margin-right: 0px;margin-left:0; margin-bottom: 50px;margin-top: -10px;padding:5px;font-style:italic; display:block; float:right;}
    .article p img.captioned-image-center {display:block; margin-bottom:10px;  margin-right: 0px;margin-left:0;}
    .caption-right { color:#6C7586; font-size: 0.95rem; line-height:1.3rem ; clear:left;margin-right: 0px; margin-left:40px; margin-bottom: 50px;margin-top: -10px;padding:5px;font-style:italic; display:block;}
    .article p img.captioned-image-right {display:block; margin-bottom:10px;  margin-left:40px;margin-right: 0px;}
    .caption-left { color:#6C7586; font-size: 0.95rem; line-height:1.3em; clear:left;margin-right: 40px; margin-left:0;margin-bottom: 50px; margin-top: -10px; padding:5px; font-style:italic; display:block;}
    .article p img.captioned-image-left {display:block; margin-bottom:10px;  margin-left:0px;margin-right: 40px;}
    .captioned-image-left {max-width:80%;}
    .slide-background-5 {height: 17vh;}
    .callout-team {height: 29rem;}
    .callout-columnists {height: 39.5rem;}
    #AccountModal {width: 76vw;margin-top: 10vh;margin-left: 6vh;}
    #SearchModal {width: 76vw;margin-top: 10vh;margin-left: 6vh;}
    .slide-main-gallery h1 {font-size: 2rem;letter-spacing: -1px; margin: 1.5rem 0 1.5rem 0; color: #272727;padding: 5px 20px 5px 20px;text-align:center;}
    /*.reveal {width: auto;max-width: 78vw!important;height: 50vh!important;min-height:20vh;margin-top: 20vh;margin-left: 10vw;}*/
    .reveal {width: auto; max-width: 90vw!important; height: 80vh!important; min-height:20vh; max-height: 80vh !important; margin-top: 55px;margin-left: auto;}    

    .homepage-image {max-width: 90%;}
} /* Define mobile styles */



@media only screen and (max-width: 40em) {

    .header-image {height: 18vh !important;}
    .main-content-row {margin-top:70px;}
    .slide-mobile-navigation p {font-family: Montserrat;font-size: 1.25rem;letter-spacing: -2px;font-weight: 300!important;color: #000!important;text-align: left;
                                margin: 0;height: 45px;line-height: 25px;margin-top: 2px;}
    .slide-mobile-navigation {background: #fff;color: #272727;margin: 0 auto;overflow: hidden;padding: 5px 0 0 0;width: 100%;height: 70px;}
    .slide-green {margin-top: 71px;margin-bottom: -70px;}
    .article p {font-size: 110%;padding: 10px 40px 10px 20px;}
    .article h1 {text-transform: uppercase;margin-bottom: -5px;letter-spacing: -1px;text-align: center;font-size: 2rem;}
    .article h2 {text-transform: uppercase;letter-spacing: -1px;text-align: center;font-size: 1.65rem;padding: 0px 40px 0px 20px;}
    .article p img {margin: 10px;margin-right:100px;}
    .article p img.center {margin-left:auto!important;margin-right:auto;display:block;}
    .caption-center { color:#6C7586; font-size: 0.95rem; line-height: 1.3rem; clear:left;margin-right: 0px;margin-left:0; margin-bottom: 50px;margin-top: -10px;padding:5px;font-style:italic; display:block; float:right;}
    .article p img.captioned-image-center {display:block; margin-bottom:10px;  margin-right: 0px;margin-left:0;}
    .caption-right { color:#6C7586; font-size: 0.95rem; line-height:1.3rem ; clear:left;margin-right: 0px; margin-left:40px; margin-bottom: 50px;margin-top: -10px;padding:5px;font-style:italic; display:block;}
    .article p img.captioned-image-right {display:block; margin-bottom:10px;  margin-left:40px;margin-right: 0px;}
    .caption-left { color:#6C7586; font-size: 0.95rem; line-height:1.3em; clear:left;margin-right: 40px; margin-left:0;margin-bottom: 50px; margin-top: -10px; padding:5px; font-style:italic; display:block;}
    .article p img.captioned-image-left {display:block; margin-bottom:10px;  margin-left:0px;margin-right: 40px;}
    .captioned-image-left {max-width:100%!important;}
    .article p span {margin-right:0!important;}
    h1 {font-size: 2rem;letter-spacing: -1px; margin: 1.5rem 0 1.5rem 0; color: #444; color: #495e71; padding: 5px 20px 5px 20px;}
    h2 {color: #444; color: #495e71; font-size: 1.65em;letter-spacing: -1px; margin: 1rem 0 3rem 0; padding: 5px 20px 5px 20px;}
    h3 {color: #444; color: #495e71; font-size: 1.3em;letter-spacing: -1px; padding: 5px 20px 5px 20px;}
    p {font-size: 110%;color: #444; color: #363f4e; margin: 0 0 2rem 0; padding: 5px 20px 5px 20px;}
    .callout-team {height: 29rem;}
    .callout-columnists {height: 39.5rem;}
    .slide-background-5 {height: 17vh;}
    #AccountModal {width: 76vw;margin-top: 10vh;margin-left: 6vh;}
    #SearchModal {width: 76vw;margin-top: 10vh;margin-left: 6vh;}
    .slide-main-gallery h1 {font-size: 2rem;letter-spacing: -1px; margin: 1.5rem 0 1.5rem 0; color: #272727; padding: 5px 20px 5px 20px;text-align:center;}
    .reveal {width: auto;max-width: 78vw!important;height: 50vh!important;min-height:20vh;margin-top: 20vh;margin-left: 10vw;} 
    .homepage-image {max-width: 90%;}
    .gallery-button {width: auto;}
    .nav-logo-small {height: 7vh !important;}

} /* max-width 640px, mobile-only styles, use when QAing mobile issues */



/* Medium screens */

@media only screen and (min-width: 40.063em) {
    .top-bar ul li a { padding: 1rem 0.5rem; }
    .top-bar .top-bar-left { margin-top: 6px !important; margin-left: -15px !important; }
    .top-bar .top-bar-right { margin-top: 25px !important; margin-right: 70px !important; }

    .main-content-row {margin-top:70px;}
    .hamburger {margin-top: -10px;}
    .slide-green {margin-top: 55px;margin-bottom: -70px;}
    .slide-background-5 {height: 30vh;}
    .captioned-image-left {max-width:80%;}
    .callout-team {height: 43rem;}
    .nav-logo-medium {height: 6vh !important;margin-top: 0.6vh;}
} /* min-width 641px, medium screens */



@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .main-content-row {margin-top:70px;}
    .hamburger {margin-top: -10px;}
    .slide-background-5 {height: 30vh;}
    .slide-green {margin-top: 55px;margin-bottom: -70px;}
    .callout-team {height: 43rem;}
    /*.nav-logo-medium {height: 6vh !important;margin-top: 0.6vh;}*/
    .nav-logo-medium {height: 50px !important; margin-top: 12px;}
    .homepage-image {max-width: 85%;}
    .header-image {padding-top: 9vh;height: 30vh !important;margin-top: -2vh;}
    .gallery-button {width: auto;}
    .nav-logo { width: 150px; }

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */



/* Large only */

@media screen and (min-width: 1200px) and (max-width: 1800px) {
    .nav-logo {padding: 0;margin-top: -1vh!important;margin-bottom: -3.5vh;max-height: 5vh!important;}
    .top-bar .top-bar-right {margin-top: 30px !important;}
}

@media screen and (min-width: 64em) and (max-width: 74.9375em) {
    .slide-background-5 {height: 30vh;}

}