* { box-sizing: border-box; }


.flex-row { display: flex; align-items: center; flex-wrap: wrap; }
.flex-column { display: flex; flex-flow: column; flex-wrap: wrap; }
.flex { flex: 1}
.flex:not(.service.flex, footer .flex .flex, header .flex-row .flex) { max-width:100%; width:280px}

:root {
  scroll-behavior: smooth;
  --mobile-threshold: 1270px;
  --header-height: 204px;
}

body { font-family: 'Commissioner', sans-serif; font-size: 24px; font-weight: 300; color: #404041; margin: 0;  cursor: url('../imgs/cursor.56fd6c.png'), auto;	 }
a{cursor: url('../imgs/cursor-pointer.9994b3.png'), auto;}
.container{ max-width: 1600px; margin: 0 auto; padding: 1em; }
.w800 {width:800px; max-width:100%; margin: 0 auto; padding: 1em; }
section:not(.landing){padding-bottom:0; align-items:center;}
section:first-child {margin-top:9em}

a { text-decoration: none; color: inherit; color:#2aaae7}
p {line-height:1.5em; text-align:center}
i {margin-right:20px}
.lang-selector {text-align:right}

h1 { font-weight:600; font-size:3em; text-align:center; margin-bottom:1em; text-transform: uppercase;}
h2, .h2 { font-size: 1.8em; font-weight: 500; }
h3, .h3 { font-size: 1.2em; font-weight: 300; margin-bottom: 0; text-transform: uppercase;}
h4, .h4 { font-size: 1.1em; margin: 0; font-weight:200; }


.grey {color:#404041; }
.blue {color:#1e769e}
.light-blue {color:#2aaae7 !important}
.light {color:#8e9ba5}
.white {color:white}
.red{color:#D30000; font-weight:500}

.black-bg {background:#212121}
.grey-bg {background:#404041}
.blue-bg {background:#1e769e}
.light-bg {background:#8e9ba5}
.white-bg {background:white}

.emphasis { color:#1e769e}

.anim-head {overflow:hidden;}
.white-line{width:100%; height:5px; position:relative; top:-95px; background:white}

/* =================== MENU =================== */

nav { align-self: flex-end; text-align: center; padding-bottom: 10px; }
nav > ul > li { margin: 0 .6rem; display:inline-block;}
nav a, .submenu li{cursor:url('../imgs/cursor-pointer.9994b3.png'), auto;;  color:#404041;} 
nav > ul > li:not(.logo-container):hover a {background:#2aaae7; color:white; }
nav > ul > li > a {padding:5px 15px; border-radius: 5px;  transition: all .5s linear;}
nav .logo-container { top: 10px; }

.syn-small .syn-hamburger > ul { margin-top: 2.2rem !important; }
.syn-small .logo a { text-align: left; }

.nav-right{text-align:left}


.logo-b{text-align:center; padding:2em 0; margin-top:4em}
.logo-b img{width:400px; max-width:90%}
.header{transition: all .5s;}
.navigation {padding:.5em}
header { background:white; position:fixed; top:0; z-index: 100; width:100%; box-shadow: 0 2px 5px rgb(0 0 0 / 10%); }
.hide {opacity:0;}
.show {opacity:1;}

.syn-large .syn-hamburger > ul > li{font-size:16px}
.syn-large .syn-hamburger > ul > li > a{padding:5px 15px; border-radius:5px}
.syn-large .syn-hamburger > ul > li > a:hover{color:white; background:#2aaae7}
.arrow-down{width: 0; height: 0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 7px solid #231f20; position: relative; top: 11px; left: 3px;}
.syn-large .syn-hamburger > ul > li > a:hover .arrow-down{border-top-color:white}
/* .syn-hamburger .submenu{top:20px; text-align:left; background:rgba(193, 162, 92, .9); box-shadow: 0 2px 5px rgb(0 0 0 / 10%);} */
/* .submenu li{line-height:2em; color:white; padding:.5em}
.submenu a { display:block; color: inherit; }
.submenu li:hover{background:#bfa05a} */

.syn-hamburger button{width: 40px; height: 40px; border: none; background:white; font-size: 1.5em; color: #1e769e; position: absolute; top: 70px; right:20px}
.syn-hamburger button:focus {outline:none}
.syn-hamburger button:hover {cursor:url('../imgs/cursor-pointer.9994b3.png'), auto;}

.syn-hamburger-open ul{position:absolute; left:0; top:120px; width:100%; background:#212121; text-align:center; height:100vh}
.syn-hamburger-open ul li a{color:white;}
.syn-hamburger-open ul li{ line-height:2.5em}
.syn-hamburger-open ul.submenu li{line-height:2em}
.syn-hamburger-open li:hover{background:rgba(255, 255, 255, .2)}
.syn-hamburger-open ul li .arrow-down{border-top-color:white}
.syn-hamburger-open .submenu{position:unset; text-align:center; width:auto; background:rgba(255, 255, 255, .3)}

.lang-bar{background:#404041; padding:0 1em}
.lang-bar a, .lang-bar p{color:white; text-align:right; font-size:.9em }
.lang-bar .social {text-align: right; margin-right:2em}
.logo{margin:0 20px}
.lang-bar a:hover{color:white}
.logo img{height:80px}
.logo a {display:inline-block; width:100%; height:100%}


/* =================== LANDING =================== */

.landing h2{line-height:1.5em; text-align:center; color:white; font-weight:300;}
.landing{width:100%; position:relative; overflow:hidden; aspect-ratio: 3/1;}

  /* .landing{ animation: zooming 1.8s alternate infinite ease-in;}

  @keyframes zooming {
    0%   {transform: scale(1);}
    100% {transform: scale(1.05);}
  } */

  .landing-overlay {position: absolute; top: 0;width: 100%; height:100%; background:rgba(0, 0, 0, .4)}
 .landing #myVideo {width:100%; height:auto}

  /* .tagline {margin-top:250px}
.tagline h2{
  display:block;
  overflow: hidden; 
  border-right: .15em solid #1e769e;
  white-space: nowrap;
  margin: 0 auto; 
  letter-spacing: .05em;
  animation: 
    typing 3.5s steps(30, end),
    blink-caret .75s step-end infinite;
} */

/* The typing effect */
@keyframes typing {
  from { width: 0 }
  to { width: 100% }
}

/* The typewriter cursor effect */
@keyframes blink-caret {
  from, to { border-color: transparent }
  50% { border-color: orange; }
}



/* ========== VIDEO FOR SMALL MOBILES ================= */
.syn-tablet #intro-video, .syn-small #intro-video{width:100%}
.syn-tablet .video-overlay, .syn-small .video-overlay {top:0}
.syn-small .logo-b{margin-top:1em; padding:0; text-align:left}


.espa {z-index: 1; max-width:100%}
.espa img{width:100%}
.espa a {display:inline-block; width:300px; height:40px; max-width:100%}
.star{height:150px; background-image: url(../imgs/star.d4a665.png); background-size:contain; background-repeat: no-repeat;background-position:center; position:relative; top:-75px}
.star-flip{height:150px; background-image: url(../imgs/star-under.c97645.png); background-size:contain; background-repeat: no-repeat;background-position:center; position:relative; top:80px}
.star.divider {height:70px; background-image: url(../imgs/star-seperator.49bd10.png); top:unset}

.why .service {text-align: center; min-width:280px; margin:2em 0}
.why img {height:150px;}
.why h1 {color:#2aaae7}
.why .h3 {text-align:center; color:white;}
.why p {color:white}


/* =================== SEPERATOR =================== */
.seperator { min-height: 300px; background-size: cover; background-repeat: no-repeat; background-attachment: fixed; background-position: center;}
#seperator1 {background-image: url(../imgs/backdrop.37e718.jpg); padding-top:100px}
/* #philosophy {background-image: url(../imgs/timelapse-of-warped-lines.jpg); padding:3em}  */
#values {padding:3em} 

.seperator h2{text-align:center; color:white; margin-top:0;} 
.seperator img{display:block; margin:0 auto; width:50px; opacity:.2;}
.philosophy h2 {text-transform: uppercase; padding:0; color:white; z-index: 10000;}
.philosophy h3:not(.values h3) {text-align:center}
.philosophy .star, .services-page .star {width:300px; margin:0 auto; position:unset; max-width:100%}
.philosophy .white-bg {padding:3em}
.who-we-are-page section{padding:3em 1em}
#history p{text-align: left;}
#history h2 { color:#404041}
#history p {text-align:left}

#values p {text-align: left;}
.values {background:white; border-radius:5px; border:1px solid black; margin:.5em; padding: 0 .5em}
.values:nth-child(1){z-index: 100;}
.values:nth-child(2){z-index: 80;}
.values:nth-child(3){z-index: 60;}
.values:nth-child(4){z-index: 40;}
.values:nth-child(4){z-index: 20;}


.services-row{margin:3em 0 3em 0}
.services-row .service {min-width:10px; height:450px; overflow:hidden; position:relative; transition: all .8s ease-in-out;}
.services-row .service .service-photo, .services-row .service .service-photo img{height:100%; transition: all 1s ease-in}
.services-row .service-overlay {position:absolute; top:0; left:0; height:100%; width:100%; background:rgb(0 0 0 / 50%); padding:10px; display:flex}
.services-row .service:nth-child(even) .service-overlay{background:rgba(43, 171, 226, .5)}
.services-row .service-overlay.h3 {color:white; font-size:.8em; font-weight:500; transition: all .8s ease-in-out;}
.services-row .service-overlay span {align-self: flex-end;}

.services-row .service:hover{min-width:450px; max-width:100%}
.services-row .service:hover .service-overlay {background:none}
.services-row .service:hover img{scale: 1.1;}
.services-row .service:hover h3 {font-size:1.2em}

.service-box {text-align:center; margin:1em; padding: 2em; border:2px solid #2aaae7; width:250px; min-width:250px !important; height:250px; display:flex; align-items: center;}
.homepage .service-box .h3 {text-transform: uppercase; line-height:1.5em}

.who-we-are-page .service-box {padding:1em; text-align: left; height:380px; align-items: flex-start; width:280px; max-width:100%}
.who-we-are-page h3 {text-align: left !important; margin-top:0}
.who-we-are-page .flex-row.service-home {justify-content: center;}

.vision-box {margin:1em; padding:2em; display:flex; align-items: flex-start;}
.vision-box * {text-align:left !important; }
#philosophy-vision .flex-row {align-items: flex-start;}

/* =================== ANIMATION =================== */
.scale-animation-slow { animation: scaling 1.8s alternate  ease-in; }
.scale-animation-med { animation: scaling 1.5s alternate  ease-in; }
.scale-animation-quick { animation: scaling 1.2s alternate  ease-in; }


@keyframes scaling {
  0%   {transform: scale(0);}
  90%   {transform: scale(1.1);}
  100% {transform: scale(1);}
}


/* =================== COUNTER =================== */
#stats {text-align: center; padding-top:60px;}
#stats .stat-number {font-size:2.2em;padding-bottom: 0;margin-bottom: .5em; font-weight:500}
#stats .h5 {font-size:1em; margin-top:0; font-weight:400}
#stats .stat-number span {display:inline-block; margin-right:5px}
#stats .flex {width:300px; max-width:100%}
.top-align{align-items: flex-start;}

/* =================== HERO =================== */
.hero { min-height: 300px; background-size: cover; background-repeat: no-repeat; background-position: center;}
.partner-page .hero {background-image: url(../imgs/seperator-1.a64bd5.jpg);}
.services-page .hero {background-image: url(../imgs/happy-traveler.c35c21.jpg);}
.partner-page .flex-row {justify-content: center;}
.partner {transition: all .8s ease-in-out;}
.partner:hover {scale: 1.1;}

/* .page-header{height:300px} */
.page-header h1 {padding-top:150px}

/* =================== PARTNERS =================== */
.partner { min-width:250px; width: 250px; margin: 10px; height:250px}
.partner img {width:100%; filter: grayscale(1);}
.partner img:hover {filter: grayscale(0);}
.partner a {display:inline-block; width:100%; height:100%; overflow: hidden; }
/* .homepage .partners {padding-bottom:0;} */
.homepage .partner a {border:none}
.homepage .partners h1 {color:#2aaae7}
.homepage .partners p, .homepage .partners h2 {color:white; text-align:center}


/* =================== PARTNERS PAGE =================== */
/* .anim-head:not(.homepage .anim-head) {color:white; padding-top:150px;} */


/* =================== SERVICES PAGE =================== */
.services-page section{padding:0}
.services-page .flex-row {justify-content:center;}
.services-page .sub-head {padding:1em 0; text-align:center; background: #404041; margin-top:2em;  margin-bottom:2em; color:white}
section.filters{position:sticky; top:185px; background:#212121; padding:.2em 0; z-index: 100; color:white}
.filter{flex:1; text-align:center; border-right:1px solid white; transition: all .2s linear; padding:10px; color:white; font-size:15px}
.filter:nth-child(5) {border-right:none}
.filter:hover{background: #2aaae7;}
.side-photo{width:800px; max-width:100%}
.side-photo img {width:100%}
.side-text{padding:3em;}
.side-text * { text-align:left}

.service-heading{z-index: -1;}
.service-heading h1 {margin:0; padding:0; font-weight:400; text-align:left}
.service-heading h3 {margin:0; padding:0;}
.service-heading p{text-align: left;}
.services-page .star {margin-left:0;}

.service-list-item{width:400px; height:500px; overflow: hidden; margin: 20px; max-width:90%}
.service-list-item img {height:400px; transition: all .8s ease-in-out;}
.service-list-item .h3{margin-top:1em; transition: all .8s ease-in-out; font-size:20px}
.serv-list-container {justify-content:center}
.service-list-item:hover img {scale:1.1}
.service-list-item:hover h3 {color:#1e769e; font-weight:500}


/* NEW SERVICE PAGE */
.services-page {background:#212121}
.service .photo {width:600px; height:auto; max-width:100%}
.service .photo img {width:100%}
.service-text {padding:1em; min-width:350px}
.service-text p, .service-text li {color:white; text-align:left}
.service-text h2 {color:#2aaae7; text-align:left}
.service-text .button {margin:0}

.business-travel .filters .filter:nth-child(1){background:#2aaae7}
.mice .filters .filter:nth-child(2){background:#2aaae7}
.dmc .filters .filter:nth-child(3){background:#2aaae7}
.events .filters .filter:nth-child(4){background:#2aaae7}
.marine .filters .filter:nth-child(5){background:#2aaae7}



.squares {width:500px; height:500px; position:relative; background:#1d7398; margin-right:40px}

.squares .photo{width:100%; height:100%; overflow: hidden; position:absolute; top:-20px; left:-20px;}
.contact-page .squares .photo {top:20px; left:20px; background:white; border:2px solid #404041; padding:1em; }
.contact-page .squares .photo p {text-align:left; color:white}
.contact-page .squares .photo a, .contact-page .squares .photo h3, .contact-page .squares .photo i {color:#231f20}
.contact-page .squares {background:#1d7398}
.contact-page .squares .logo{width:200px; margin-top:1em; text-align: center;}
.contact-page .squares .logo img{width:100%; height:auto}

.contact-page h4 {text-align: center;}
.contact-page .button {width:250px; height:230px; background: #212121; border-radius: 0; padding:1em; text-align: left;
background-image: url(../imgs/icon-envelope-btn.17b46c.png); background-size: 40px; background-position: bottom right; background-repeat: no-repeat;}
.contact-page .button:hover{background: #2aaae7;}
.contact-page .button a {display:flex; flex-direction: column;}
.contact-page .button p {margin-top:0; text-align: left;}
.contact-page .button img {width:30px; align-self: end; display:block}

.squares .photo img {height:100%}
.text-aside{width:500px; max-width:100%; padding:.5em}
.text-aside p{text-align:left}
.services-page .service {margin-top:5em;}

.list-item{width:300px; height:auto; min-height:300px; display: flex; flex-flow: column; flex-wrap: wrap; border:#818285 1px solid; 
  border-radius:10px; padding:.5em; margin:20px; transition: all .5s ease-in-out;}
.list-head { font-size:18px; text-align:center; font-weight:500; margin:0; padding:0}
.list-details {font-size:16px; flex:1; text-align:left}
.list-item:hover{scale:1.1}

.moto {padding:1em; font-weight:500; text-align:center}

.service .flex-row {margin-top:2em; margin-bottom:1em}

/* =================== BUTTON =================== */
.card{width:300px; margin:20px; height:420px}
.card .photo{width:300px; height:300px;}
.card img {width:100%}

.card img.profile-hover{display:none}
.card .photo:hover img.profile{display:none}
.card .photo:hover img.profile-hover{display:block}

.card h4 {color:#1e769e; font-size:16px; line-height:20px}
.card p {margin-top:.5em; background:white; padding:2px; margin:0; border-top:1px solid #1e769e; border-bottom:1px solid #1e769e; font-size:14px}
#the-team .flex-row{justify-content: center;}
#the-team h2 {text-align:center;}
#the-team h2.team-title {font-size:1.5em; color:#1d7398; margin-top:2em; margin-bottom:0}


/* =================== BUTTON =================== */
.button {background:#2aaae7; border-radius: 10px; padding:20px 8px; text-align:center;  margin:50px auto; width:300px; max-width:100%; transition: all .5s linear;}
.button a{color:white; display:inline-block;}
.button:hover {background:#1d7398}

/* =================== FOOTER =================== */
label{font-size:14px; text-align:left; display:inline-block; width:100%; padding-left:15px; text-transform: uppercase;}
input:not(.newsletter input), textarea {margin-top:0 !important; margin-bottom:1em !important}
.contact-page input::placeholder, .contact-page textarea::placeholder{opacity:0}
.newsletter label:not(.newsletter label.consent), #captcha-container label {opacity: 0;}
.newsletter label.consent {text-transform: none;; font-size:12px; display:inline-block; width:80%; color:rgba(255, 255, 255, .8)}

.social img {width:100%}
.social a {display:inline-block; width:30px; height:30px; margin:5px}
footer {color:white; padding-top:70px; background:#212121; }
footer .flex-row:not(footer .certifications.flex-row) {align-items:end}
footer a{color:rgba(255, 255, 255, .8); transition: all .5s linear; font-size:14px; line-height:1.2em}
footer a:hover {color:#1e769e}
/* footer .flex-row {align-items: flex-start;} */
footer p { text-align:left;  margin:0; margin-bottom:8px}
footer p:last-child {margin-bottom:0}
footer .contact img, .cont-det img, form button img, .card p img{width:20px}
.contact i {margin-right:10px; color:#1e769e}
/* footer .contact .flex-row {text-align:right; align-items: self-start; justify-content: end;} */
footer .contact {border-left:2px solid #1e769e; padding-left:20px}

footer .social{ text-align:center; margin-top:20px} 
footer ul li {list-style: none; line-height: 1.5em;}
footer ul {padding-left:20px; margin:0; margin-right:40px; border-left:2px solid #1e769e;}
.foot-menu-align{justify-content: center;}
/* footer .h4{ margin-bottom:10px} */
.certifications {background:white; color:#212121; padding:10px; text-align:center}
.certifications img {height:50px; margin:0 20px}
.certifications > .flex-row {justify-content: center;}


/* ================== BLOG ================== */
.blog-list {justify-content: center;}
.blog-card {width:300px; max-width:90%; height:530px; margin:20px; background: #212121;}
.blog-photo {width:100%; height:300px; overflow: hidden;}
.blog-photo img {height:100%}
.blog-details p, .small-blog p {text-align:left; padding:5px 15px}
.small-blog p{font-size:17px; font-style:italic;}
.blog-details h3, .blog-details h2 {margin-top:3em; padding:0 15px}
.blog-details h4 {padding:15px; border-left:2px solid #818285; margin-left:15px; padding-top:15px; padding-bottom:5px}

.blog-details h4 + p {padding:0 15px; margin:0; border-left:2px solid #818285; margin-left:15px; padding-bottom:15px}
.back {background: #1e769e; width:100%;}
.back p{ text-align: right;}
.back a {color:white;}
.blog-nav a {display:block; flex:1}
.blog-nav a:nth-child(2) {text-align: right;}

.blogs-page .summary {color:white; padding:0 .5em}
.blogs-page .summary p {text-align:left; font-size:14px; line-height:1.2em; color:white}
.blogs-page .summary h2 {font-size:18px; color:white}


.careers .button {width:100%}
.careers p {text-align: left;}

/* ================== NEWSLETTER ================== */
footer .newsletter {text-align:right; width:300px; max-width:100%}
footer .newsletter p {margin-bottom:0; margin-top:30px}
footer .newsletter form[data-status] { place-items: start; }
footer .newsletter form[data-status] .form-posted { font-size: 1rem; }
footer .newsletter .flex-row { justify-content: flex-end; align-items: center;}
footer .newsletter input { width: unset; border-style:unset; border-radius:0; height:40px;
  border-top-left-radius: 10px; border-bottom-left-radius: 10px; color:black}
input::placeholder{color:black; font-size:16px;}
footer .newsletter .btn { border-style:unset; width:auto; background:#1e769e; color:white; height:40px; font-size:15px; 
  border-radius:0; border-top-right-radius: 10px; border-bottom-right-radius: 10px;}
footer .newsletter .btn[disabled] { background-color: #343b3f; }
  

  .newsletter-wrap {border-top:1px white dotted; padding:1em}


/* footer .social .flex-row{justify-content: flex-end;} */
footer .copyright {font-size:12px; padding:.5em; border-top:1px solid white}
footer .copyright p {margin:0; text-align:center}


/* form */
.form{box-shadow:  0 5px 10px rgb(0 0 0 / 15%); width:750px; max-width:100%; margin:1em auto}
form {max-width:100%; margin:0 auto;  }
.request-wrapper{background:white; border-radius:10px; padding:2em; min-height:100px; text-align:center}
form i:not(button i){color:grey; position:absolute; top:18px; right:15px; background:white}
input, select, button, textarea{padding:.5em; font-size:.8em; color:grey; border-radius:10px; outline:none; font-family:  'Commissioner', sans-serif; font-size:14px;
width:330px; max-width:100%; margin:.5em 0; height:40px}
.form a {color:#1e769e; text-decoration: none;}
button p{padding:0; margin:0; text-align:center; color:white; width:100%}
button i{color:white}
form button{background:#1d7398; text-align:center; width:95%; cursor:url('../imgs/cursor-pointer.9994b3.png'), auto;; }
form button p{text-align:center; font-size:1em}
form p{text-align:left; font-size:.8em; font-weight:300; margin:0; padding:0 1.3em;}
.details{ margin-top:1em;}
.message{width:100%; justify-content: center;}
.message textarea{width:99%; height:150px}
.positioning{text-align:center; position:relative}
.form > form #captcha-container { text-align: center; font-size: .8rem; margin-top: .5rem; }
.form > form [name="captcha-value"] { font-weight: bold; font-size: larger; padding: 0 .5rem; width: 6rem; text-align: center; border: none; text-decoration: line-through; font-style: italic; background: khaki; }
#form-posted {text-align:right; padding:.5em}
#captcha-container p {text-align:center; font-size:16px; margin-top:30px; font-weight:300}
#captcha-container input {margin:20px auto}

.terms-privacy p {text-align:left}
.terms-privacy h2::after {content: ""; display:block; width:100%; height:2px; background: #1d7398;}


.syn-small h1{font-size:1.8em}
.syn-small h2 {font-size:1.5em}
.syn-small .white-line {display:none}
.syn-small .squares{width:100%; position:unset; height:auto; margin:0}
.syn-small .squares .photo {position:unset; right:0}
.syn-small .filters {display:none}
.syn-small .filter {border-bottom:1px solid white; font-size:14px; height:70px}
.syn-small footer .flex-row > * {margin-top: 30px}
.syn-small footer .newsletter{flex:1}
.syn-small footer .newsletter .flex-row{justify-content: flex-end;}
.syn-small nav ul{z-index: 1000 !important;}
.syn-small .anim-head.page-header{margin-top:50px}
.syn-small #philosophy, .syn-small #values{padding: 1em .5em}
.syn-small .philosophy .white-bg{padding:.5em}
.syn-small .philosophy h2{margin-top:1em}
.syn-small .squares .photo img:not(.syn-small .squares .photo p img){width:100%; height:auto}
.syn-small .services-row{display: flex; flex-flow: column; flex-wrap: wrap; height:500px}
.syn-small .services-row .service{width:100%}
.syn-small .services-row .service img {width:100%; height:auto}
.syn-small .services-page .star {margin-left:auto; height:70px; width:auto}
.syn-small .service-heading p {padding:1em}
.syn-small .syn-hamburger > ul > li.logo-container {display:none}
.syn-small #history .container {padding:0}
.syn-small .logo img{height:60px}
.syn-small .container {padding:1em}
.syn-small .service-home {margin-top:0}
.syn-small .homepage .service-box {padding:1em}
.syn-small #stats {padding-top:50px} 
.syn-small #stats.flex-row {display: flex; flex-flow: column; flex-wrap: wrap; }
.syn-small .stat {margin:1em auto}

@media only screen and (max-width: 1540px) {
  footer > .flex-row {display: flex; flex-flow: column; flex-wrap: wrap; }
  footer > .flex-row > div, footer .flex  {width:100% !important}
  footer .flex-row .logo a {text-align:center}
  footer .contact, footer .contact * {text-align:center}
  footer .contact >div {margin-top:2em; margin-bottom:1em}
  footer .newsletter {text-align:center}
  footer .newsletter form > .flex-row {justify-content: center !important;}
 }


 #news-item .gallery { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(500px, 100vw), 1fr)); gap: .5rem; justify-items: center; }
 #news-item .gallery img { max-width: 100%; }
 #news-item hr {margin-top:2em}
 #news-item h1 {font-size:2em}