
:root {
  --color-primary: #004300;
  --color-primary-hover: #012e01;
  --color-secondary: #fad5b8;
  --color-black: #232323;
  --color-white: #FFF;
  --color-gray: #EEE;
  --font-primary: "Quicksand", sans-serif;
  --font-titles: "Anton", sans-serif;
}

body, html {margin: 0;padding: 0;width: 100%;color: var(--color-black);font-size: 16px;min-height: 100%;scroll-behavior: smooth;font-weight: 400;font-family: var(--font-primary);}
body {padding: 0 0 60px;background: url(../images/about_background.webp) repeat;background-attachment: fixed;}
* {box-sizing: border-box;}

section {position: relative;margin: 0 auto;max-width: 1300px;width: 100%;}

header {position: fixed;top: 0;width: 100%;transition: .3s;z-index: 5;left: 0;}
header section {display: flex;justify-content: space-between;padding: 5px 10px;z-index: 2;}
header::before {content: '';position: absolute;top: 0;left: 0;bottom: 0;right: 0;background-color: var(--color-primary);z-index: 1;box-shadow: 2px 2px 7px rgba(0, 0, 0, .5);transform: translateY(-100%);opacity: 0;transition: .5s;}

header.fixed::before,
header.fix::before {opacity: 1;transform: translateY(0);}

.links_head {display: flex;align-items: center;gap: 20px;}

nav {display: none;position: fixed;top: 60px;overflow-y: auto;padding: 20px;background-color: var(--color-black);left: 10px;right: 10px;border-radius: 10px;box-shadow: 2px 2px 6px var(--color-black);}

nav .item {display: flex;align-items: center;gap: 10px;color: var(--color-white);font-size: 22px;text-decoration: none;padding: 10px 15px;border-radius: 30px;position: relative;cursor: pointer;text-align: center;}
nav .item svg {width: 12px;fill: var(--color-white);transition: .3s;margin-bottom: -2px;}

nav .item .submenu {position: relative;}
nav .item .submenu a {color: var(--color-white);text-decoration: none;font-size: 20px;display: block;padding: 10px 0;transition: .3s;border-radius: 30px;text-align: left;}
nav .item .submenu a:hover {background-color: var(--color-gray);}

nav .item.desp {padding:0 15px; }
nav .item.desp span {display: none;}

.social_head {display: flex;align-items: center;gap: 15px;}
.social_head a {display: flex;align-items: center;justify-content: center;width: 30px;height: 30px;background-color: var(--color-white);border-radius: 50%;transition: .3s;}
.social_head a svg {width: 15px;fill: var(--color-primary);}
.social_head a:hover {transform: scale(1.1);}

.slider_content {position: relative;}
.slider_order {position: absolute;top: 0;left: 0;bottom: 0;right: 0;background: rgba(0, 0, 0, .6);display: flex;color: var(--color-white);align-items: center;justify-content: center;text-align: center;flex-direction: column;padding: 40px 10px;}
.slider_order h1 {font-size: 30px;text-shadow: 2px 2px 8px var(--color-black);font-weight: 500;max-width: 300px;font-family: var(--font-titles);font-weight: 300;}
.slider_order .button {background-color: var(--color-primary);color: var(--color-white);text-decoration: none;padding: 10px 20px;text-align: center;width: 200px;box-shadow: 2px 2px 10px var(--color-black);border-radius: 15px;font-weight: 700;font-size: 18px;transition: .5s;text-shadow: 0 2px 2px var(--color-black);}
.slider_order .button:hover {transform: translateY(-10px);}

.address_button {display: flex;align-items: center;gap:8px;padding: 10px;background: var(--color-primary);color: var(--color-white);justify-content: center;text-decoration: none;font-weight: 500;font-size: 15px;align-items: center;flex-direction: column;}
.address_button svg {width: 30px;fill: var(--color-white);flex-shrink: 0;}
.address_button p {margin: 0;text-align: center;}

.address_button.phone {font-size: 25px;}
.address_button.phone svg {width: 25px;}

.about_container {position: relative;overflow: hidden;}
.about_container section {display: flex;padding: 40px 10px;align-items: center;justify-content: space-around;flex-wrap: wrap;gap: 20px;}
.about_box {padding: 30px 20px;text-align: center;width: 300px;display: flex;align-items: center;flex-direction: column;border-radius: 20px;background-color: var(--color-primary);box-shadow: 2px 2px 10px rgba(0,0,0, .8);justify-content: center;position: relative;color: var(--color-white);background: url(../images/texture_bg.webp) no-repeat bottom right;background-size: cover;}
.about_box h3 {color: var(--color-white);font-weight: 500;text-transform: uppercase;font-size: 18px;margin: 0;}
.about_box h2 {color: var(--color-white);font-weight: 900;text-transform: uppercase;font-size: 35px;margin: 0;font-family: var(--font-titles);line-height: 1;font-weight: 300;}
.about_box p {margin: 10px 0;text-align: center;font-weight: 500;}
.about_box p span {color: var(--color-white);}
.about_image {text-align: center;}
.about_image img {border-radius: 20px;box-shadow: 2px 2px 6px rgba(0,0,0,.2);}

.about_box .btn {margin-top: 20px;}

/*.about_box::before {content: url(../images/about-pin.webp);width: 70px;position: absolute;top: -10px;left: 50%;margin-left: -40px;}*/

.splide {box-shadow: 0 0 10px rgba(0, 0, 0, .8);z-index: 2;}
.info_slider {position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: flex;align-items: center;justify-content: center;color: var(--color-white);gap:30px;flex-direction: column;/*background: rgba(0, 0, 0, .6);*/}
.info_slider .title {font-size: 25px;text-shadow: 2px 2px 8px var(--color-black);font-weight: 700;text-align: center;line-height: 1;text-transform: uppercase;}
.splide__slide {position: relative;box-shadow: 3px 3px 10px var(--color-black);}
.splide__arrow {width: 30px;height: 30px;background: transparent;transition: .2s;}
.splide__arrow svg {width: 25px;fill: var(--color-white);}
.splide__arrow--prev {left: 0;}
.splide__arrow--next {right: 0;}

.splide.top .info_slider {background: none;}

.about_container.hours .about_box {padding: 40px 20px 60px;text-shadow: 2px 2px 6px var(--font-titles);}
.about_container.hours .about_box h2 {font-size: 55px;}
.about_container.hours .line {display:flex;align-items: center;gap:10px;justify-content: center;font-size: 20px;}
.about_container.hours .line svg {width: 22px;fill: var(--color-white);}
.about_container.hours .line.title {padding: 20px 0 0;}
.about_container.hours .line.title span {text-transform: uppercase;font-weight: 700;font-size: 25px;}

.gallery_button_cont {text-align: center;background-color: var(--color-primary);padding: 15px 20px;}

.gallery {position: relative;display: flex;flex-wrap: wrap;}
.gallery .gallery_column {width: 100%;min-height: 250px;}
.gallery .gallery_row {display: flex;flex-wrap: wrap;}
.gallery .picture {flex-shrink: 1;flex-grow: 1;transition: 1s;overflow: hidden;cursor: pointer;height: 100%;display: flex;align-items: center;justify-content: center;height: 200px;position: relative;}
.gallery .gallery_column .picture {flex-basis: 100%;height: 100%;}
.gallery .gallery_column .picture .frame {height: 100%}
.gallery .gallery_row .picture {flex-basis: 50%;height: 180px;}
.gallery .picture .frame {transition: 1s;height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center;width: 100%;box-shadow: inset 0 0 15px rgba(0, 0, 0, .9);}
.gallery .picture .frame img {height: 100%;}
.gallery .picture .tag {position: absolute;padding: 10px 20px;color: #fff;background-color: #000;border-radius: 20px;bottom: 10px;transition: .3s;margin-bottom: -20px;opacity: 0;}
.gallery .picture:hover .tag {margin-bottom: 0;opacity: 1;}
.gallery .picture:hover .frame {transform: scale(1.1);}

.events_container {display: flex; align-items: center;padding: 40px 0 20px;justify-content: center;flex-wrap: wrap;}
.events_container .info_box {padding: 20px;max-width: 450px;text-align: center;}
.events_container .info_box h3 {color: var(--color-primary);font-size: 18px;text-transform: uppercase;margin: 0;}
.events_container .info_box h2 {color: var(--color-primary);font-size: 40px;text-transform: uppercase;margin: 10px 0;line-height: 1;font-weight: 900;}

.about_container.events .about_box {padding: 40px 15px 20px;}
.about_container.events .about_box h3 {font-size: 14px;}
.about_container.events .about_box h2 {font-size: 30px;}
.about_container.events .about_box .btn {font-family: var(--font-primary);font-weight: 500;}

.about_box.contact a {color: var(--color-white);font-size: 16px;text-decoration: none;font-weight: 500;padding: 10px 20px;transition: .3s;border-radius: 50px;}
.about_box.contact a:hover {background: rgba(255, 255, 255, .15);}
.about_box.contact .btn {padding: 8px 30px;font-size: 22px;font-family: var(--font-primary);color: var(--color-primary);margin: 0;}
.contact_line {display: flex;gap: 10px;align-items: center;font-weight: 700;font-size: 21px;padding: 20px 0 0;justify-content: center;text-transform: uppercase;}
.contact_line svg {width: 18px;fill: var(--color-white);}
.map_container {width: 100%;margin: 20px 0;max-width: 600px;border-radius: 20px;box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);}

.reviews_container {text-align:center;color: var(--color-white);background-color: var(--color-primary);padding: 50px 10px 0;overflow: hidden;}
.reviews_container h2 {font-size:28px;font-weight:800;margin: 0;text-transform: uppercase;font-family: var(--font-titles);padding: 0 20px;font-weight: 300;}
.reviews_container iframe {border: none;margin:20px auto;width: 100%;max-width: 850px;height: 420px;}

.reviews_list {position: relative;display: flex;gap: 10px;padding: 20px 10px;overflow-x: auto;}
.reviews_card {position: relative;background-color: var(--color-white);padding: 20px;flex-grow: 0;flex-shrink: 0; border-radius: 20px;box-shadow: 0 0 12px rgba(0, 0, 0, .5);display: flex;justify-content: flex-start;align-items: center;flex-direction: column;width: 230px;color: var(--color-black);transition: .5s;font-size: 14px;}
.reviews_card p {margin: 5px 0;}
.reviews_card span {display: block;font-size: 12px;color: #ccc;}
.reviews_card img {margin: 10px 0;}
.reviews_card:hover {transform: translateY(-10px);}

.menu_container {text-align: center;position: relative;padding: 80px 10px;background-color: var(--color-primary);}
.menu_container h1 {font-size: 30px;font-weight: 700;text-transform: uppercase;margin: 0 0 70px;color: var(--color-white);text-shadow: 2px 2px 6px var(--color-black);font-family: var(--font-titles);font-weight: 300;}

.menu_plates {position: relative;max-width: 900px;text-align: left;}
.menu_column {position: relative;flex-grow: 1;flex-basis: 0;}
.menu_card {position: relative;background-color: var(--color-white);border-radius: 15px;padding: 20px 30px;margin: 0;margin-bottom: 30px;box-shadow: 2px 2px 10px rgba(0, 0, 0, .2);}
.menu_card img {width: 100%;border-radius: 20px;box-shadow: 2px 2px 10px var(--color-black);margin: 10px 0 20px;display: block;}
.menu_card h2 {font-family: var(--font-titles);color: var(--color-primary);font-weight: 300;text-transform: uppercase;}
.menu_card h3:before,
.menu_card h3:after {content: '-';position: relative;font-weight: 700;}
.menu_card hr {border: 1px solid var(--color-primary);margin: 10px 0;}
.menu_card span,
.menu_card p {display: block;margin: 10px 0;font-size: 18px;font-weight: 500;}
.menu_card small {position: relative;display: block;color: var(--color-primary);font-size: 17px;margin: 10px 0;font-weight: 500;}

.menu_reclaimers {padding: 20px;border-radius: 15px;color: var(--color-primary);background-color: var(--color-white);max-width: 900px;margin: 0 auto;font-weight: 500;}

footer {color: var(--color-white);text-align: center;background-color: var(--color-black);width: 100%;position: relative;}
footer section {display:flex;align-items: flex-start;justify-content: space-around;max-width: 1200px;padding: 20px;flex-wrap: wrap;}
footer .column {padding: 20px 0;text-align: center;width: 100%;}
footer .column h3 {text-transform: uppercase;font-size: 20px;margin: 0;}
footer .column a {color:var(--color-white);text-decoration: none;display: inline-flex;align-items: center;gap: 10px;font-size: 16px;justify-content: center;border-radius: 30px;transition: .3s;padding: 10px 20px;}
footer .column a:hover {background: rgba(255, 255, 255, .15);}
footer .column a svg {width: 20px;fill: var(--color-white);}

.footer_bottom {background-color: var(--color-primary-hover);color: var(--color-white);text-transform: uppercase;text-align: center;position: relative;padding: 30px 20px 15px;font-weight: 700;}
.footer_bottom .btn_up {position: absolute;top: -25px;right: 20px;width: 50px;height: 50px;background-color: var(--color-primary);display: flex;align-items: center;justify-content: center;border-radius: 50%;box-shadow: 2px 2px 5px var(--color-black);cursor: pointer;transition: .3s}
.footer_bottom .btn_up:hover {transform: scale(1.1);}
.footer_bottom .btn_up svg {width: 25px;fill: var(--color-white);}

.btn_bottom {display: flex;gap:5px;padding: 10px;background-color: var(--color-primary);position: fixed;bottom: 0;width: 100%;box-shadow: 0 0 6px var(--color-black);z-index: 2;gap: 10px;justify-content: space-around;}
.btn_bottom a {flex-basis: 0;display: flex;align-items: center;justify-content: center;font-size: 18px;text-align: center;color: var(--color-primary);background-color: var(--color-white);text-transform: uppercase;text-decoration: none;border-radius: 30px;font-family: var(--font-titles);font-weight: 300;height: 40px;flex-grow: 1;}

.btn {outline: none;color: var(--color-white);font-size: 22px;text-transform: uppercase;text-align: center;font-weight: 600;padding: 7px 20px;display: inline-flex;align-items: center;gap:10px;justify-content: center;border-radius: 30px;text-decoration: none;transition: .6s;position: relative;font-family: var(--font-titles);background-color: var(--color-primary);box-shadow: 0 2px 2px var(--color-black);min-width: 180px;letter-spacing: 1px;overflow: hidden;font-weight: 300;}
.btn svg {width: 22px;fill: var(--color-white);z-index: 1;transition: .3s;}
.btn span {z-index: 1;transition: .3s;}

.btn::after {content: '';position: absolute;top: -1px;bottom: -1px;left: -1px;right: -1px;background-color: var(--color-primary-hover);transition: .3s;z-index: 0;transform: scale(0.5);opacity: 0;}

.btn:hover::after {transform: scale(1);opacity: 1;}
.btn:hover svg {fill: var(--color-white);}

.btn.secondary {box-shadow: none;text-shadow: none;color: var(--color-primary);background-color: var(--color-white);}
.btn.secondary svg {fill: var(--color-primary);}
.btn.secondary::after {background-color: var(--color-gray);}
.btn.secondary:hover svg {fill: var(--color-primary);}

.btn.outline {box-shadow: inset 0 0 6px var(--color-black);background: none;border: 2px solid var(--color-primary);}
.btn.outline::after {background-color: var(--color-primary);}
.btn.outline:hover svg {fill: var(--color-primary);}

.btn_burger {overflow: hidden;text-indent: 100%;white-space: nowrap;padding: 0 10px;transition: .3s;}
.btn_burger span {background-color: var(--color-white);bottom: auto;display: inline-block;height: 4px;position: absolute;width: 25px;z-index: 10;transform: translateX(-50%) translateY(-50%);border-radius: 2px;}
.btn_burger span:before, 
.btn_burger span:after {background-color: var(--color-white);content: "";height: 100%;position: absolute;right: 0;top: 0;width: 100%;transform: translateZ(0);backface-visibility: hidden;transition: .3s;border-radius: 2px;}
.btn_burger span:before {transform: translateY(-8px) rotate(0deg);}
.btn_burger span:after {transform: translateY(8px) rotate(0deg);}
.btn_burger.close_nav span {background-color: rgba(255, 255, 255, 0);}
.btn_burger.close_nav span:before {transform: translateY(0) rotate(45deg);}
.btn_burger.close_nav span:after {transform: translateY(0) rotate(-45deg);}

/* Animaciones */
.reveal {position: relative; opacity: 0;}
.reveal.show {opacity: 1; }

.show.fade-left {animation: fade-left 1s ease-in;}
.show.fade-right {animation: fade-right 1s ease-in;}
.show.fade-bottom {animation: fade-bottom 1s ease-in;}

@keyframes fade-left {
  0% {transform: translateX(-100px); opacity: 0; }
  100% {transform: translateX(0); opacity: 1; }
}

@keyframes fade-right {
  0% {transform: translateX(100px); opacity: 0; }
  100% {transform: translateX(0); opacity: 1; }
}

@keyframes fade-bottom {
  0% {transform: translateY(50px); opacity: 0;}
  100% {transform: translateY(0); opacity: 1;}
}

/* video */
.video_cont {background-color: #000; height: 400px; overflow: hidden;display: flex;align-items: center;justify-content: center;}
.video_cont video {width: auto; height: 100%; }

/* popup */
.popup {position: absolute;top: 6%;width: 300px;transition: .5s;z-index: 99;left: 50%;margin-left: -150px;box-shadow: 2px 2px 10px var(--color-black);opacity: 0;visibility: hidden;margin-top: -30px;background-color: var(--color-primary);color: var(--color-white);border-radius: 10px;}
.overlay {position: fixed;top: 0;bottom: 0;left: 0;right: 0;background: rgba(0, 0, 0, .8);z-index: 90;display: none;}
.popup.open {margin-top: 0;opacity: 1;visibility: visible;}
.popup .button_cont {position: absolute;bottom: 40px;text-align: center;width: 100%;}
.popup .button {display: inline-block;padding: 15px 30px;border-radius: 40px;color: #fff;text-decoration: none;background-color: var(--color-primary);transition: .3s;font-size: 18px;font-weight: 700;}
.popup .button:hover {background-color: var(--color-black);}
.popup img {border-radius: 10px;}
.close_btn {position: absolute;top: -25px;right: 0;cursor: pointer;fill: var(--color-white);width: 20px;cursor: pointer;}

.popup_column {position: relative;padding: 20px;text-align: center;display: flex;flex-direction: column;align-items: center;justify-content: center;}

.popup .buttons_content {padding: 10px 0;width: 100%;max-width: 300px;}
.popup .buttons_content .btn {font-size: 16px;margin-bottom: 10px;width: 100%;font-weight: 600;padding: 8px 10px;}


/* barra slider bottom */
.slider_bottom_bar {padding: 10px;text-align: center;background-color: var(--color-primary);box-shadow: 0 0 10px rgba(0, 0, 0, .5);position: relative;z-index: 2;}


/* responsive */

@media screen and (min-width: 375px) {

  .welcome_box h2 {padding: 0 35px;}

  .modal {width: 370px;height: 205px;margin-left: -185px;margin-top: -105px;}
  .modal .text {width: 170px;font-size: 9px;padding: 10px;}
  .modal .text h2 {font-size: 12px;}

  .address_button {padding: 10px 60px;}

}

@media screen and (min-width: 425px) {
  
  .gallery .gallery_column {min-height: 350px;}
  .gallery .gallery_row .picture {height: 250px;}

  .about_box {width: 350px;}
  .about_box h3 {font-size: 25px;}
  .about_box h2 {font-size: 40px;}

  .about_container.hours .about_box h2 {font-size: 55px;}

  .about_container.events .about_box {padding: 40px 20px 30px;}
  .about_container.events .about_box h3 {font-size: 16px;}
  .about_container.events .about_box h2 {font-size: 35px;}
}

@media screen and (min-width: 768px) {
  
  .slider_order h1 {font-size: 45px;max-width: 1200px;}
  .slider_order h1 span {font-size: 60px;}
  .slider_order .button {width: 250px;font-size: 22px;padding: 12px;}

  .address_button {font-size: 20px;height: 80px;font-weight: 700;flex-direction: row;}

  .about_container.events .about_box {padding: 40px 30px 30px;}
  .about_container.events .about_box h2 {font-size: 30px;}

  .hours_box_float {bottom: 35px;}
  .hours_box_float h3 {font-size:40px;}
  .hours_box_float h2 {font-size: 60px;}
  .hours_box_float .line {font-size: 25px;}

  .modal {width: 700px;height: 387px;margin-left: -350px;margin-top: -195px;}
  .modal .text {width: 300px;font-size: 14px;}
  .modal .text h2 {font-size: 25px;}

  .info_slider .title {font-size: 50px;}

  .gallery {flex-wrap: nowrap;}
  .gallery .gallery_column {width: 50%;}
  .gallery .gallery_row .picture:first-child,
  .gallery .gallery_row .picture:last-child,
  .gallery .gallery_row .picture {flex-basis: 33.33%;height: 220px}

  footer .column {padding: 20px 10px;text-align: center;flex-basis: 0;flex-grow: 1;}
  .footer_bottom {padding: 15px;}

  .popup {width: 500px;margin-left: -250px;}
  .popup .button_cont {bottom: 80px;}

  .popup.orders {width: 700px;margin-left: -350px;display: flex;flex-direction: row-reverse;align-items: center;}
  .popup_column {flex-grow: 1;border-radius: 0;}

  .reviews_list {justify-content: center;}
  .reviews_container iframe {height: 280px;}

  .menu_plates {display: flex;gap: 30px;}
}

@media screen and (min-width: 1024px) {

  body {padding: 0;}

  .slider_order h1 {font-size: 60px;}
  .slider_order h1 span {font-size: 75px;}

  .btn_burger,
  .btn_bottom {display: none;}
  nav {display: flex;gap:10px;align-items: center;justify-content: center;position: relative;top: unset;left: unset;right: unset;padding: 0;background: none;border-radius: 0;overflow-y: unset;box-shadow: none;}
  nav .item {font-size: 20px;font-weight: 500;}
  nav .item::before {content: '';position: absolute;top: 0;bottom: 0;left: 0;right: 0;border-radius: 30px;z-index: 0;background: rgba(255, 255, 255, .2);transform: scale(0);transition: .3s;}
  nav .item.desp {padding: 10px 15px;}
  nav .item.desp span {display: block;}
  nav .item .submenu {position: absolute;top:100%;right: 0;width: 150px;background-color: var(--color-white);padding: 10px;border-radius: 10px;box-shadow: 2px 2px 6px rgba(0, 0, 0, .2);opacity: 0;visibility: hidden;margin-top: -10px;transition: .2s;}
  nav .item .submenu a {border-radius: 10px;color: var(--color-black);text-shadow: none;text-decoration: none;font-size: 17px;display: block;padding: 8px 10px;transition: .3s;font-weight: 400;}
  nav .item .submenu a:hover {background-color: var(--color-gray);}

  nav .item:hover svg {transform: rotate(180deg);}
  nav .item:hover::before,
  nav .item.current::before {transform: scale(1.0);}
  nav .item:hover .submenu {opacity: 1;visibility: visible;margin-top: 0;}

  .info_slider .title {font-size: 60px;}

  .events_container {padding: 20px;}

  .reviews_container h2 {font-size:50px;}
  .splide__arrow {width: 50px;height: 50px;border: 2px solid var(--color-white);margin-top: -50px;opacity: 0;}
  .splide:hover .splide__arrow {opacity: 1;margin-top: 0;}
  .splide__arrow--prev {left: 1em;}
  .splide__arrow--next {right: 1em;}

  .about_box {width: 500px;padding: 30px 40px;}

  .about_box h3 {font-size: 26px;}
  .about_box h2 {font-size: 50px;}

  .about_container.hours .about_box {width: 400px;}

  .about_container.events .about_box h3 {font-size: 18px;}
  .about_container.events .about_box h2 {font-size: 38px;}

  /* video */
  .video_cont {height: auto;}
  .video_cont video {width: 100%;height: auto;}

  footer .column h3 {font-size: 25px;}
  footer .column a {font-size: 18px;}

  .about_box.contact a {font-size: 20px;}
  .contact_line {font-size: 25px;}
  .contact_line svg {width: 20px;}

  .about_container section,
  .hours_container section,
  footer section {flex-wrap: nowrap;}

  .gallery .gallery_row .picture:first-child,
  .gallery .gallery_row .picture:last-child,
  .gallery .gallery_row .picture {height: 260px}

  .menu_container {padding: 130px 10px 70px;}

  .popup.orders {width: 900px;margin-left: -450px;}

  .reviews_list {gap: 20px;}
  .reviews_card {width: 250px;}

  .menu_container h1 {font-size: 50px;}

}

@media screen and (min-width: 1100px) {


}

@media screen and (min-width: 1300px) {

  .slider_order h1 {font-size: 70px;}
  .slider_order h1 span {font-size: 85px;}

  .gallery .gallery_row .picture:first-child,
  .gallery .gallery_row .picture:last-child,
  .gallery .gallery_row .picture {height: 350px}

}

@media screen and (min-width: 1500px) {

  .gallery .gallery_row .picture:first-child,
  .gallery .gallery_row .picture:last-child,
  .gallery .gallery_row .picture {height: 400px}

}