@import url('./gfont.css');

@font-face {
    font-family: 'VAG-Bold';
    src: url('VAGRoundedLTCYR-Bold.eot?#iefix') format('embedded-opentype'), url('VAGRoundedLTCYR-Bold.otf') format('opentype'),
    url('VAGRoundedLTCYR-Bold.woff') format('woff'), url('VAGRoundedLTCYR-Bold.ttf') format('truetype'), url('VAGRoundedLTCYR-Bold.svg#VAGRoundedLTCYR-Bold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAG-Light';
    src: url('VAGRoundedLTCYR-Light.eot?#iefix') format('embedded-opentype'), url('VAGRoundedLTCYR-Light.otf') format('opentype'),
    url('VAGRoundedLTCYR-Light.woff') format('woff'), url('VAGRoundedLTCYR-Light.ttf') format('truetype'), url('VAGRoundedLTCYR-Light.svg#VAGRoundedLTCYR-Light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'VAG-Thin';
    src: url('VAGRoundedLTCYR-Thin.eot?#iefix') format('embedded-opentype'), url('VAGRoundedLTCYR-Thin.otf') format('opentype'),
    url('VAGRoundedLTCYR-Thin.woff') format('woff'), url('VAGRoundedLTCYR-Thin.ttf') format('truetype'), url('VAGRoundedLTCYR-Thin.svg#VAGRoundedLTCYR-Thin') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
    background: url("../images/paper.jpg") repeat center fixed;
}

body {
    background: inherit;
    font-family: "Open Sans", "Helvetica", sans-serif;
}

h1, h2, h3, h4 {
    font-family: "VAG-Bold", sans-serif;
    text-align: center;
}

h2 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.simple-hr {
    border: 0;
    width: 100%;
    margin-bottom: 24px;

    height: 3px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0));
}

.sp-footer-hr, .deco-hr {
    border: 0;
    width: 100%;
    margin-bottom: 24px;
    max-width: initial !important;
}

.sp-footer-hr::after, .deco-hr::after {
    content: "";
    height: 20px;
    width: 100%;
    display: block;
    background: url('../images/hr-double.png') no-repeat center;
    background-size: contain;
    margin-top: -16px;
}

/*Deco overrides for h tags */
h1.deco-hr::after,
h2.deco-hr::after,
h3.deco-hr::after,
h4.deco-hr::after {
    margin-top: 0;
    background-size: cover;
}

h1.blog-headline{
    font-size: 2.5rem;
}

/*This will be added in certain cases only, rather than all cases*/
/*h2::after, h3::after {*/
/*    content: "";*/
/*    height: 20px;*/
/*    width: 100%;*/
/*    display: block;*/
/*    background: url('../images/hr-double.png') no-repeat center;*/
/*    background-size: contain;*/
/*}*/
a {
    color: #dc0d28;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #dc0d28;
}

#cookie-law-info-again {
    display: none !important;
}
.wp-block-separator.is-style-wide {
    border: 0;
    height: 3px;
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
    /*border-bottom-width: 5px;*/
    /*border-style: solid;*/
    /*border-image-source: linear-gradient(0deg, rgba(59, 59, 59, .5), rgba(59, 59, 59, 0));*/
}

.entry-content {
    max-width: 950px;
}

.entry-content ol,
.entry-content ul {
    margin: 0 0 20px 0 !important;
    max-width: initial !important;
}

.entry-content .footer-menu ol,
.entry-content .footer-menu ul {
    margin: 0 auto 1.5em !important;
    max-width: initial !important;
}

.entry-content ol li,
.entry-content ul li {
    margin-left: 24px;
}

div.mega-menu-wrap {
    width: 100% !important;
}

.sp-navbar {
    padding: 0;
    background-color: #000;
    /*border-bottom: 1px solid #fff;*/
}

#mega-menu-wrap-navbar {
    /*height: 25px;*/
}

.sp-header-container-outer {
    /*background-image: url("../images/green_fabric_256_dark.png");*/
    /*background-image: url("../images/green_fabric_flares.jpg");*/
    position: relative;
}

.sp-header-image {
    min-width: 128px;
    max-width: 256px;
}

.sp-game-text {
    color: #F5ECE3;
    text-shadow: 3px 3px 10px rgba(0, 0, 0, 0.55);
    font-size: 3rem;
    background: none;
    text-align: left;
}

h3.sp-game-text {
    color: #F5ECE3;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.85);
    font-size: 1.8rem;
    background: none;
    text-align: left;
}

h2.sp-game-text::after {
    background: none;
}

h3.sp-game-text::after {
    background: none;
    height: 0;
    content: none;
}

.sp-game-description {
    color: #F5ECE3;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.85);
    font-size: 1rem;
    text-align: left;
}

.sp-store-links {
    width: 45%
}

.sp-store-links a {
    display: inline-block;
    margin: 0 5px 10px 0;
}

.sp-store-links a img {
    max-width: 125px;
}

.footer-store-links img {
    max-width: 120px;
    width: 100%;
}

.sp-wood-menu {
    background-image: url("../images/woodbar_left.png"), url("../images/woodbar_right.png"), url("../images/woodbar_center.png");
    background-position: left, right, center;
    background-repeat: no-repeat, no-repeat, repeat;
    min-height: 46px;
    width: 100%;
    color: #F5ECE3;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.85);
    font-family: VAG-Bold, Helvetica, sans-serif;
    font-size: 1.6em;
    box-shadow: 0 2px 4px 0 #000000cc;
}

/* Code to implement the Sticky Wooden Navbar - Start */
.sp-wood-menu.custom-sticky-menu {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
}
@media only screen and (max-width: 830px) {
    .sp-wood-menu .sp-grey-button a {
        bottom: 30px;
    }
}
@media only screen and (max-width: 1190px) {
    .sp-wood-menu .sp-grey-button a {
        bottom: 30px;
        top: -30px;
    }
}
/* Code to implement the Sticky Wooden Navbar - End */

.sp-wood-menu img {
    max-width: 144px;
    display: inline-block;
    margin-bottom: 4px;
}

.sp-red-button {
    background-image: url("../images/button_middle_v4.png");
    background-repeat: repeat;
    background-position: center;
    height: 70px;
    line-height: 70px;
    color: #F5ECE3;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.85);
    font-family: VAG-Bold, Helvetica, sans-serif;
    font-size: 2rem;
    position: relative;
    top: -10px;
    display: inline-block;
    margin: auto;
}

.meta-slider .sp-red-button {
    left: -5px;
}

.sp-red-button:hover {
    background-image: url("../images/button_middle_hover_v4.png");
}

.sp-red-button a {
    font-size: 2rem;
}


.sp-red-button:before {
    background-image: url("../images/button_left_v4.png");
    background-repeat: no-repeat;
    background-position: left;
    /*float:left;*/
    height: 70px;
    width: 28px;
    display: inline-block;
    /*position: relative;*/
    /*left: -27px;*/
    margin-left: -26px;
    content: "";
}

.sp-red-button:hover:before {
    background-image: url("../images/button_left_hover_v4.png");
}

.sp-red-button:after {
    background-image: url("../images/button_right_v4.png");
    background-repeat: no-repeat;
    background-position: right;
    /*background-size: cover;*/
    /*float:right;*/
    height: 70px;
    width: 28px;
    display: inline-block;
    /*position: relative;*/
    /*right: -26px;*/
    margin-right: -26px;
    content: "";
}

.sp-red-button:hover:after {
    background-image: url("../images/button_right_hover_v4.png");
}

.sp-red-button a,
.sp-red-button a:hover {
    color: #F5ECE3;
    position: relative;
    bottom: 24px;
    display: inline-block;
    padding: 0 16px;
    text-decoration: none;
}
/**************************************************************/

.sp-red-button-small {
    background-image: url("../images/btn_red_small_center_default.png");
    background-repeat: repeat;
    background-position: center;
    height: 55px;
    line-height: 55px;
    color: #F5ECE3;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.85);
    font-family: VAG-Bold, Helvetica, sans-serif;
    font-size: 1.7rem;
    display: inline-block;
}

.sp-red-button-small:hover {
    background-image: url("../images/btn_red_small_center_hover.png");
}

.sp-red-button-small:before {
    background-image: url("../images/btn_red_small_left_default.png");
    background-repeat: no-repeat;
    background-position: left;
    height: 55px;
    width: 19px;
    display: inline-block;
    margin-left: -19px;
    content: "";
}

.sp-red-button-small:hover:before {
    background-image: url("../images/btn_red_small_left_hover.png");
}

.sp-red-button-small:after {
    background-image: url("../images/btn_red_small_right_default.png");
    background-repeat: no-repeat;
    background-position: right;
    height: 55px;
    width: 19px;
    display: inline-block;
    margin-right: -19px;
    content: "";
}

.sp-red-button-small:hover:after {
    background-image: url("../images/btn_red_small_right_hover.png");
}

.sp-red-button-small a {
    color: #F5ECE3;
    position: relative;
    bottom: 20px;
    display: inline-block;
    padding: 0 16px;
    text-decoration: none;
    font-size: 1.4rem;
    text-transform: uppercase;
}
.sp-red-button-small a:hover {
    text-transform: uppercase;
    text-decoration: none;
}

.sp-red-button-mixed-blogs {
    margin-left: 13px;
    position: relative;
    bottom: 11px;
}

/**************************************************************/

.sp-grey-button {
    background-image: url("../images/button_grey_middle_v5.png");
    background-repeat: repeat;
    background-position: center;
    height: 70px;
    line-height: 70px;
    color: #F5ECE3;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.85);
    font-family: VAG-Bold, Helvetica, sans-serif;
    font-size: 2rem;
    position: relative;
    top: -10px;
    display: inline-block;
    margin: auto;
}

.sp-grey-button a {
    font-size: 2rem;
    /*vertical-align: top;*/
}

.sp-grey-button:before {
    background-image: url("../images/button_grey_left_v5.png");
    background-repeat: no-repeat;
    background-position: left;
    /*float:left;*/
    height: 70px;
    width: 28px;
    display: inline-block;
    /*position: relative;*/
    /*left: -27px;*/
    margin-left: -26px;
    content: "";
}

.sp-grey-button:after {
    background-image: url("../images/button_grey_right_v5.png");
    background-repeat: no-repeat;
    background-position: right;
    /*background-size: cover;*/
    /*float:right;*/
    height: 70px;
    width: 28px;
    display: inline-block;
    /*position: relative;*/
    /*right: -26px;*/
    margin-right: -26px;
    content: "";
}

.sp-grey-button a {
    color: #F5ECE3;
    position: relative;
    bottom: 24px;
    display: inline-block;
    padding: 0 16px;
    text-decoration: none;
}
/**************************************************************/

.mixed-blog-more {
    padding: 0;
    margin-top: 24px
}

.sp-wood-menu-inner {
    width: 100%;
    min-height: 48px;
    max-width: 1260px;
    white-space: nowrap;
    margin: auto;
}

.sp-wood-menu-col {
    max-width: 100%;
    margin: auto;
    max-height: 48px;
}

.sp-menu-row {
    line-height: 48px;
    min-height: 48px;
    /*width: 85%;*/
    margin: auto;
    text-align: center;
}

.sp-wood-menu a {
    color: #F5ECE3;
    text-decoration: none;
}

.sp-wood-menu a {
    text-decoration: none;
}

.card-school {
    position: relative;
    background-image: url("../images/vignette.png"), url(../images/green_fabric.jpg);
    background-size: 100% 100%, auto;
    background-repeat: no-repeat, repeat;
    min-height: 300px;
    padding: 30px 16px;
    margin: 16px auto;
    color: #F5ECE3;
    text-shadow: 1px 1px 2px black;
}
.card-school .entry-content {
    padding: 0;
    margin: auto;
}

.card-school:before {
    content: "";
    background-image: url(../images/divider_up.png);
    background-size: contain;
    background-position: top;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: -17px;
    pointer-events: none;
}

.card-school:after {
    content: "";
    background-image: url(../images/divider_down.png);
    background-size: contain;
    background-position: bottom;
    background-repeat: no-repeat;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -12px;
    pointer-events: none;
}

.card-school a {
    color: #ffb33f;
    text-decoration: none;
}

.card-school a:hover {
    text-decoration: underline;
}

.card-school h2:after, .card-school h3:after {
    content: initial;
}

.card-school img {
    padding: 16px;
    border: 2px solid rgba(106, 171, 166, 0.65);
    border-radius: 24px !important; /*in the latest update wordpress (gutenberg) decided it's cool to govern border radius ... gotta important it*/
}

.meta-page .row {
    max-width: 400px;
}

.hot-button-row {
    margin-top: 55px;
}

#site-footer {
    background: linear-gradient(0deg, #050505, #1D191A);
    color: #f5ece3;
}

#site-footer .menu-footer-menu-container a,
#site-footer .menu-footer-container a,
.localised_footer_menu ul li a {
    font-size: 1.2rem;
    color: #f5ece3;
}

#site-footer .menu-footer-menu-container a:hover,
#site-footer .menu-footer-container a:hover,
.localised_footer_menu ul li a:hover {
    font-size: 1.2rem;
    color: #dc0d28;
}

#site-footer a:hover {
    text-decoration: none;
    /*color: #ffb33f;*/
}

#site-footer .col {
    padding: 0 4px;
}

.footer-container {
    width: 100%;
    max-width: inherit;
    margin: 0;
    padding: 0;
}

.footer-text {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

.footer-content {
    text-align: center;
}

.footer-content div {
    margin: 32px auto;
}

.footer-content div.col-sm {
    margin: 5px;
    padding: 0;
}

.footer-menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.footer-menu ul li {
    display: inline-block;
    margin: 0;
    padding: 0;
}

.footer-menu ul li:after {
    content: " | ";
}

.footer-menu ul li:last-child:after {
    content: "";
}

.post-preview-row {
    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
    width: 100%;
    margin: 16px auto;
    min-height: 270px;
    align-items: center;
}
.post-preview-row:last-of-type {
    margin-bottom: 30px;
}

.post-img {
    max-width: 256px;
    height: 256px;
    padding: 0;
}

.post-img img {
    display: block;
    width: 216px;
    height: 216px;
    margin: 20px;
}

.post-preview h3 {
    text-align: left;
}

.post-preview {
    margin: 20px 0;
    padding: 0;
}

.wp-block-table.is-style-stripes tbody tr:nth-child(odd) {
    background-color: #0000001c;
}

.wp-block-table.is-style-stripes {
    border: none;
}

.footer-image-strip {
    max-width: 450px;
}

.footer-image-strip div img {
    max-width: 120px;
}

.wp-block-columns {
    padding: 0;
    margin-bottom: 0;
}
.wp-block-column ul {
    padding: 0;
}

.wp-block-column ul li {
    margin-left: 18px;
}

.comments-number {
    display: inline-block;
    text-align: center;
    margin-left: -32px;
    width: 32px;
    height: 32px;
    color: #F5ECE3;
    font-weight: bold;
    font-size: 1rem;
}

.comment-body {
    padding: 10px;

    background: linear-gradient(90deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
}

.card {
    background: none;
    border: none;
}

ul.children .comment {
    margin-left: 35px;
}

.commentlist li {
    padding: .45rem;
}

.blog-header-meta {
    font-weight: bold;
    text-align: left;
    margin-bottom: 30px;
}

.blog-headline {
    text-align: left;
}
.blog-headline a {
    color: #212529;
}
.blog-headline a:hover {
    color: #212529;
}

.comment-content {
    margin-left: 52px;
}

.comment-author .col {
    vertical-align: top;
}

.comment-author-info {
    display: inline-block;
    height: 52px;
    vertical-align: top;
}

.ass-free-logo {
    display:none;
}
.ass-logo-smaller {
    margin-left: -120px;
}


.ass-logo-smaller img {
    width: 120px;
}

.ass-flag {
    display: inherit;
}

.game-stats-container .table .stats-not-mobile {
    display: inherit;
}

.text-adjust-right {
    text-align: right;
}

.text-adjust-left {
    text-align: left;
}

/*fixing WPs love to change stuff around every update*/
.has-small-font-size {
    font-size: 13px;
}

ul.blocks-gallery-grid {
    margin-bottom: 0 !important;
}

#button-area {
    margin: 10px 0;
}

.vjs-big-play-button {
    background-color: transparent !important;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-image: url('../images/btn_video_play_256x256.png') !important;
    background-repeat: no-repeat !important;
    background-size: 46px !important;
    border: none !important;
    box-shadow: none !important;
}

.video-js .vjs-big-play-button {
    height: 1.63332em;
    width: 1.63332em;
}

.vjs-big-play-centered .vjs-big-play-button {
    top: 50%;
    left: 50%;
    margin-top: -.81666em;
    margin-left: -.81666em;
}
.vjs-icon-placeholder {
    display: none;
}
.video-js {
    background-color: transparent;
}
/*.slick-item.embed-responsive-16by9::before {*/
/*    padding-top: 53.25%;*/
/*}*/
.vjs-poster {
    background-color: transparent !important;
}

.cardgames_content {
    margin: 25px 0 50px 0;
}
.cardgames_sidebar {
    background: #c7b3825e;
    padding: 15px;
    border-radius: 5px;
}
.cardgames_sidebar .category_widgets {
    margin-bottom: 25px;
}
.cardgames_sidebar .category_widgets:last-child {
    margin-bottom: 5px;
}
.cardgames_sidebar .category_widgets h2 {
    font-size: 1.5em;
    margin: 10px 0 5px 0;
}
.cardgames_sidebar .category_widgets p {
    margin: 0;
}
.cardgames_sidebar .category_widgets a {
    display: inline-block;
    color: #212529;
}
.cardgames_sidebar .category_widgets a.active {
    color: #dc0d28;
}
.cardgames_content .single_section_items {
    padding: 0 10px;
}
.cardgames_content .single_section_items .single_widget {
    width: 33%;
    display: inline-block;
    margin-bottom: 25px;
    padding: 0 15px;
    vertical-align: top;
}
.cardgames_content .single_section_items .single_widget h3 {
    text-align: left;
    font-size: 2em;
    text-transform: uppercase;
}
.cardgames_content .single_section_items .single_widget p {
    margin-bottom: 5px;
}
.cardgames_content .single_section_items .single_widget a {
    display: inline-block;
    color: #212529;
}
.tooltip-inner {
    padding: 5px;
}

@media only screen and (max-width: 768px) {
    .cardgames_content .single_section_items .single_widget {
        width: 50%;
    }
}
@media only screen and (max-width: 520px) {
    .cardgames_content .single_section_items .single_widget {
        width: 100%;
    }
}

@media screen and (min-width: 2600px) {
    .card-school:before {
        content: "";
        top: -40px;
    }

    .card-school:after {
        content: "";
        bottom: -40px;
    }
}

@media screen and (max-width: 1370px) {
    .card-school:before {
        content: "";
        top: -9px;
    }

    .card-school:after {
        content: "";
        bottom: -7px;
    }

}

@media screen and (max-width: 1050px) {
    .sp-wood-menu-col a {
        font-size: 1.2rem;
    }

    .sp-red-button a {
        font-size: 2rem;
    }

    .sp-grey-button a {
        font-size: 2rem;
    }
}


@media screen and (max-width: 990px) {
    #site-navbar {
        display: none;
    }
}

@media screen and (max-width: 1045px) {
    #site-footer .sp-wood-menu-col .col img {
        max-width: 110px;
    }

}

@media screen and (max-width: 1000px) {
    .sp-wood-menu {
        background-image: url("../images/woodbar_left_short.png"), url("../images/woodbar_right_short.png"), url("../images/woodbar_center.png");
        background-position: left, right, center;
        background-repeat: no-repeat, no-repeat, repeat;
    }
}



@media screen and (max-width: 830px) {
    /*.sp-wood-menu-inner {*/
    /*    transform: scale(.7);*/
    /*}*/
    .sp-store-links {
        display: none;
    }

    .sp-menu-row {
        width: 100%;
    }

    .sp-wood-menu-col a {
        font-size: 1rem;
    }

    .sp-red-button a {
        font-size: 1.7rem;
        position: relative;
        top: -26px;
    }

    .sp-red-button:before {
        left: -27px;
    }

    .sp-red-button:after {
        right: -26px;
    }

    .sp-grey-button a {
        font-size: 1.7rem;
        position: relative;
        top: -26px;
    }

    .sp-grey-button:before {
        left: -27px;
    }

    .sp-grey-button:after {
        right: -26px;
    }

    #site-footer .sp-wood-menu-col .store-entry img {
        max-width: 105px;
    }

    .sp-red-button-small a {
        font-size: 1.2rem;
    }
}

/*modify some wordpress column shenanigans*/
@media screen and (max-width: 781px) and (min-width: 600px) {
    .wp-block-column {
        flex-basis: auto !important;
        flex-grow: 0;
    }

    .wp-block-image img {
        max-width: 90%;
    }
}

@media screen and (max-width: 755px) {

    #site-footer .sp-wood-menu-col .store-entry img {
        max-width: 90px;
    }

    .sp-red-button-small a {
        font-size: 0.8rem;
        bottom: 21px;
    }
}

@media screen and (max-width: 735px) {
    .card-school:before {
        content: "";
        top: -7px;
        background-size: auto;
    }

    .card-school:after {
        content: "";
        bottom: -7px;
        background-size: auto;
    }

    .card-school ul {
        padding: 0;
    }

    .card-school ul li {
        margin-left: 18px;
    }

    .sp-wood-menu-col a {
        font-size: .99rem;
    }

    .sp-red-button a {
        font-size: 1.7rem;
    }
    .sp-grey-button a {
        font-size: 1.7rem;
    }
    .ass-free-logo {
        display:inherit;
    }
    .ass-flag {
        display: none;
    }
}

@media screen and (max-width: 720px) {
    .sp-wood-menu-col a {
        font-size: .8rem;
    }

    .sp-red-button a {
        font-size: 1.7rem;
    }

    .sp-grey-button a {
        font-size: 1.7rem;
    }

    .game-stats-container .table .stats-not-mobile {
        display: none;
    }

    #site-footer .sp-wood-menu-col {
        display: none;
    }

    #site-footer .col-red-button {
        display: inherit !important;
    }

}

@media screen and (max-width: 680px) {
    /*#site-footer .sp-red-button a {*/
    /*    padding: 0;*/
    /*}*/

    .post-preview {
        font-size: 0.95rem;
    }
}

@media screen and (max-width: 650px) {
    .sp-wood-menu-col {
        display: none;
    }

    .col-red-button {
        display: inherit !important;
    }

    .sp-store-links {
        display: none;
    }

    .post-img {
        display: none;
    }

    .sp-header-image {
        max-width: 230px;
    }
}

@media only screen and (max-width: 576px) {
    .sp-game-text {
        color: #ffffff;
        text-shadow: 3px 3px 10px rgb(255 255 255 / 10%);
    }
}

@media screen and (max-width: 500px) {
    .sp-header-image {
        max-width: 200px;
    }

}

@media screen and (max-width: 430px) {
    .sp-header-image {
        max-width: 180px;
    }

}

@media screen and (max-width: 390px) {
    .sp-header-image {
        max-width: 155px;
    }

    .sp-red-button-small a {
        font-size: 0.7rem;
        bottom: 21px;
    }

}

@media screen and (max-width: 350px) {
    .sp-red-button-small a {
        font-size: 0.55rem;
        bottom: 22px;
    }

}

@media screen and (max-width: 320px) {
    .sp-header-image {
        max-width: 140px;
    }

    .sp-red-button-small a {
        font-size: 0.45rem;
        bottom: 22px;
    }

}

@media only screen and (max-width: 1180px) {
    .sp-wood-menu a {
        font-size: 16px !important;
    }
    .sp-red-button a, .sp-red-button a:hover {
        bottom: 28px !important;
        font-size: 20px !important;
        top: auto;
    }
}
@media only screen and (max-width: 880px) {
    .sp-wood-menu a {
        font-size: 14px !important;
    }
    .sp-red-button a, .sp-red-button a:hover {
        bottom: 30px !important;
        font-size: 18px !important;
    }
    .sp-wood-menu .sp-wood-menu-col .row .col {
        margin: 0 -10px !important;
    }
}
@media only screen and (max-width: 690px) {
    .sp-wood-menu a {
        font-size: 12px !important;
    }
    .sp-red-button a, .sp-red-button a:hover {
        bottom: 32px !important;
    }
}