:root {
--black: #000000;
--white: #ffffff;
--red-600: #c1000e;
--gray-600: #575756;
--gray-200: #cccccc;
--gray-100: #f4f4f4;
--green-600: #405d40;
--blue-600: #327d7d;
--orange-600: #cc7c31;
--h1-font-size: 60px;
--h2-font-size: 36px;
--h3-font-size: 28px;
--h4-font-size: 24px;
--h5-font-size: 20px;
--h6-font-size: 18px;
--body1-font-size: 20px;
--body2-font-size: 18px;
--body3-font-size: 16px;
--body4-font-size: 14px;
--pad-top: 120px;
--pad-bottom: 120px;
--pad-left: 120px;
--pad-right: 120px;
--border-size: 1px;
}
@media (max-width: 1200px) {
:root {
--pad-top: 60px;
--pad-bottom: 60px;
--pad-left: 40px;
--pad-right: 40px;
}
}
@media (max-width: 992px) {
:root {
--h1-font-size: 48px;
--h2-font-size: 32px;
--h3-font-size: 24px;
--h4-font-size: 22px;
--h5-font-size: 20px;
--h6-font-size: 18px;
--body1-font-size: 18px;
--body2-font-size: 16px;
--body3-font-size: 14px;
--body4-font-size: 12px;
}
}
@media (max-width: 767px) {
:root {
--pad-top: 40px;
--pad-bottom: 40px;
--pad-left: 20px;
--pad-right: 20px;
}
}
@media (max-width: 575px) {
:root {
}
}
* {
box-sizing: border-box;
margin: 0;
padding: 0;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
vertical-align: baseline;
} body { margin:0 auto; padding:0; background-color:var(--white); font-family:'Work Sans', 'Helvetica', arial, sans-serif; font-size:18px; font-weight:400; color:var(--gray-600); } .container { margin:0 auto; padding:0 40px; position:relative; }
#head { margin:0 auto; padding:20px 0; text-align:left; z-index:1003; } .logo { margin:0 auto; padding:0; display:block; }
.logo img { height: 60px; margin: 0; }
.logo,
.logo:hover { margin:0 auto; padding:0; border:0; }
main {  } .hero {
width: 100%;
height: min(56.25vw, 75svh);
max-height: 75svh;
overflow: hidden;
}
.hero .splide,
.hero .splide__track,
.hero .splide__list,
.hero .splide__slide {
height: 100%;
min-height: 0;
}
.hero img,
.hero video {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.hero .hero-title {
font-size: var(--h1-font-size);
font-weight: 700;
color: var(--white);
margin: 0;
}
.hero .hero-subtitle {
font-size: var(--h4-font-size);
color: var(--white);
margin: 0;
text-align: center;
}
@media (max-width: 768px) {
.hero .hero-title {
font-size: var(--h2-font-size);
}
.hero .hero-subtitle {
font-size: var(--h5-font-size);
}
}
@media (max-width: 575px) {
.hero .hero-title {
font-size: var(--h3-font-size);
}
} .splide__pagination {
margin: 0;
}
.splide__pagination li {
margin: 0;
line-height: 1;
}
.splide__arrow--prev {
left: 40px;
}
.splide__arrow--next {
right: 40px;
}
@media (max-width: 768px) {
.splide__arrow--prev {
left: 20px;
}
.splide__arrow--next {
right: 20px;
}
}
@media (max-width: 640px) {
.splide__arrows {
display: none;
}
}
.window {
margin: 0 auto 0 auto;
position: relative;
background-color: var(--white);
border-radius: 25px;
}
.window:after {
content: '';
display: block;
position: absolute;
top: 0;
left: 20px;
right: 20px;
bottom: 0;
box-shadow: 0 20px 40px rgba(0, 0, 0, .2);
z-index: -1;
}
.window-header {
display: flex;
align-items: center;
padding: 10px 20px;
background-color: var(--gray-100);
border-top-left-radius: 25px;
border-top-right-radius: 25px;
}
.window-header-left {
margin-right: auto;
}
.window-header-left h2 {
margin: 0;
font-size: 20px;
font-weight: 400;
letter-spacing: 1px;
}
.window-body {
display: flex;
}
.window-body p:last-child {
margin: 0;
}
.window-body-item {
flex: 1;
padding: 50px;
order: 2;
}
.window-body-item.left {
display: flex;
flex-direction: column;
background-color: var(--black);
overflow: hidden;
order: 1;
}
.window-body-item.left h3,
.window-body-item.left p,
.window-body-item.left a {
color: var(--white);
text-align: left;
}
.window-body-item.left a:hover {
border-bottom: 2px solid var(--white);
}
.window-body-item h2 {
margin: 0 0 40px 0;
}
@media screen and (max-width: 767px) {
.window-body {
padding: 0;
display: grid;
}
.window-body-item {
padding: 40px 20px;
order: 1;
}
.window-body-item.left {
order: 2;
}
} .opening-hours {
}
.opening-hours table {
}
.opening-hours table tr {
}
.opening-hours table tr td {
padding: 10px 20px 10px 0;
text-align: left;
color: var(--white);
}
.opening-hours table tr td:first-child {
font-weight: 700;
}
@media (max-width: 575px) {
.opening-hours table tr {
margin-bottom: 20px;
}
.opening-hours table tr td {
display: block;
}
.opening-hours table tr td:first-child {
padding-bottom: 0;
}
}
.socialmedia {
}
.socialmedia ul {
margin: 0;
padding: 0;
display: block;
}
.socialmedia ul li {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
display: block;
}
.socialmedia ul li a {
padding: 0 !important;
display: flex;
gap: 12px;
justify-content: flex-start;
}
@media screen and (max-width: 575px) {
.socialmedia ul, 
.socialmedia ul li {
display: block;
}
.socialmedia ul li {
margin: 0 0 20px 0;
}
}
#foot { padding:20px 0 60px 0; font-size:16px; color:var(--gray-600); line-height:18px; }
#footer-top { padding-top: var(--pad-top); padding-bottom: var(--pad-bottom); background-color: var(--gray-600); }
#footer-top h2, #footer-top h3, #footer-top h4, #footer-top h5, #footer-top h6, #footer-top p, #footer-top address, #footer-top a { color: var(--white); }
#footer-top p:last-child { margin:0; }
#footer-top a { text-decoration-color: var(--white); }
#footer-top .btn { background-color: var(--white); color: var(--gray-600); text-decoration: none; }
#footer-top .btn:hover { background-color: var(--gray-100); color: var(--gray-600); }
#footer-bottom { padding-top: 12px; padding-bottom: 12px; }
#copyright { margin:0; font-size:16px; color:var(--gray-600); line-height:18px; } footer address { margin:0; padding:0; font-size:18px; font-style:normal; color:var(--gray-600); line-height:1.5em; }
footer address a { font-size:18px; color:var(--blue-600); text-decoration:none; }
footer address a:hover { text-decoration:underline; } nav ul, nav ol { list-style:none; list-style-image:none; margin:0; padding:0; }
nav ul li, nav ol li { margin:0; padding:0; }
.two-col {
display: grid;
grid-template-columns: 1fr 1fr;
align-items: stretch;
gap: 80px;
}
.two-col-left {
}
.two-col-right {
}
@media (max-width: 992px) {
.two-col {
grid-template-columns: 1fr;
gap: 40px;
}
}
.teaser {
width: 100%;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: stretch;
gap: 0;
}
.teaser__image {
position: relative;
overflow: hidden;
min-height: 0;
}
.teaser__image img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
}
.teaser__content {
display: flex;
flex-direction: column;
justify-content: center;
padding-top: var(--pad-top);
padding-bottom: var(--pad-bottom);
padding-left: var(--pad-left);
padding-right: var(--pad-right);
}
@media (max-width: 992px) {
.teaser {
grid-template-columns: 1fr;
}
.teaser__image {
aspect-ratio: 3 / 2;
order: 0;
}
.teaser__image img {
height: 100%;
}
.teaser__content {
order: 1;
}
}
.image-container {
overflow: hidden;
background-color: var(--black);
}
.image {
margin: 0 0 20px 0;
display: inline-block;
position: relative;
z-index: 1;
}
.image h2 {
margin: 0;
padding: 5px 20px;
background-color: rgba(0, 75, 126, 0.75);
position: absolute;
bottom: 0;
left: 0;
z-index: 100;
}
.zoom-container {
width: 100%;
overflow: hidden;
}
.zoomable {
width: 100%;
transition: transform 0.3s ease, opacity 0.3s ease;
opacity: 1;
cursor: pointer;
}
.zoomable:hover {
transform: scale(1.1);
opacity: 0.7;
}
.image:hover h2 {
background-color: var(--black);
}
.info {
margin: 0 auto 0 auto;
}
.info.text {
max-width: 720px;
}
.column {
flex: 1;
min-width: calc(50% - 20px);
}
.column-left {
}
.column-right {
}
@media (max-width: 768px) {
.column {
min-width: 100%;
}
} .text a { font-weight: 700; } h1, h2, h3 {
font-family: 'Overpass', 'Helvetica', arial, sans-serif;
}
h1 { margin:0 0 40px 0; padding:0; font-size: var(--h1-font-size); font-weight:700; color: var(--blue-600); line-height:125%; }
h2 { margin:0 0 30px 0; padding:0; font-size: var(--h2-font-size); font-weight:400; color:var(--gray-600);}
h3 { margin:0 0 20px 0; padding:0; font-size: var(--h3-font-size); font-weight:700; color:var(--blue-600); }
h4 { margin:0 0 10px 0; padding:0; font-size: var(--h4-font-size); font-weight:700; color:var(--gray-600); }
h5 { margin:0 0 10px 0; padding:0; font-size: var(--h5-font-size); font-weight:700; color:var(--gray-600); }
h6 { margin:0 0 5px 0; padding:0; font-size: var(--h6-font-size); font-weight:300; color:var(--gray-600); text-transform:uppercase; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover { text-decoration:underline; }
h1 span { font-size: 32px; }
h2 span { font-size: 24px; }
p { margin:0 0 30px 0; padding:0; font-size: var(--body1-font-size); font-weight: 400; color:var(--gray-600); line-height:1.6; }
p:last-of-type { margin:0; }
address { margin:0 0 30px 0; padding:0; font-size: var(--body1-font-size); font-weight: 400; font-style:normal; color:var(--gray-600); line-height:1.6; }
strong, .bold { font-weight:700; }
p.link a { font-size: var(--body1-font-size); letter-spacing: 2px; } a { font-size:1em; color:var(--blue-600); outline:0; -webkit-transition: all 0.4s ease 0s, border 0.4s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -moz-transition: all 0.4s ease 0s, border 0.4s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; -o-transition: all 0.4s ease 0s, border 0.4s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; transition: all 0.4s ease 0s, border 0.4s ease 0s, color 0.4s ease 0s, opacity 0.4s ease-in-out 0s; text-decoration: underline; text-underline-offset: 8px; text-decoration-color: var(--blue-600); text-decoration-thickness: 1px; }
a:hover { text-decoration:none; }
a img { vertical-align:top; }
a:has(img) { border-bottom: none; }
a:has(img):hover { border-bottom: none; } ul { margin:0 0 40px 20px; padding:0; }
li { list-style:disc; margin:0 0 10px 0; font-size:18px; color:var(--gray-600); line-height:150%; } img { border:0; vertical-align:top; }
img.resize { width:100%; height:auto; } nav#nav-meta ul { margin:0; padding:0; text-align:right; }
nav#nav-meta li { margin:0; padding:0; list-style:none; font-size: 16px; letter-spacing: 1px; line-height:1.5em; text-align:right; display:inline-block; }
nav#nav-meta li a { padding:0; font-size:16px; color:var(--gray-600); text-decoration-color: var(--gray-600); }
nav#nav-meta li a[aria-current="page"] { font-weight: 700; }
nav#nav-meta li a:hover { text-decoration:none; }
nav#nav-meta li.active a { font-weight:700; text-decoration:none; } .grid-1col {
display: grid;
grid-template-columns: 1fr;
}
.grid-1col div:first-of-type p {
margin: 0 0 10px 0;
}
.grid-gap-x-0 {
column-gap: 0;
}
.grid-gap-y-2 {
row-gap: .5rem;
}
@media (min-width: 576px) {
.grid-sm-4-8 {
grid-template-columns: 4fr 8fr;
}
.grid-gap-x-sm-5 {
column-gap: 3rem;
}
.grid-gap-y-sm-0 {
row-gap: 0;
}
}
@media (min-width: 768px) {
.grid-md-3-9 {
grid-template-columns: 3fr 9fr;
}
.grid-gap-x-md-5 {
column-gap: 3rem;
}
.grid-gap-y-md-0 {
row-gap: 0;
}
} .btn {
padding: 10px 20px;
background-color: var(--blue-600);
color: var(--white);
border: 1px solid var(--blue-600);
text-decoration: none;
}
.btn:hover {
background-color: var(--gray-600);
color: var(--white);
border: 1px solid var(--gray-600);
}
.btn.light {
background-color: var(--white);
color: var(--gray-600);
border: 1px solid var(--gray-600);
}
.btn.light:hover {
background-color: var(--gray-600);
color: var(--white);
border: 1px solid var(--gray-600);
} .press-list a { border-bottom: 1px solid transparent; }
.press-list a:hover { border-bottom: 1px solid var(--black); } .clear { clear:both; }
.hide-text { text-indent:100%; white-space:nowrap; overflow:hidden; }
hr.divider { height:0; margin:20px 0; background:none; color:transparent; border:0; border-bottom:1px dotted var(--white); }
.nohover,
.nohover:hover {
border: 0;
} .bg-dark {
background-color: var(--blue-600);
color: var(--white);
}
.bg-dark a,
.bg-dark p,
.bg-dark h2,
.bg-dark h3,
.bg-dark h4 {
color: var(--white);
}
.bg-dark a {
text-decoration-color: var(--white);
}
.bg-dark a:hover {
border-color: var(--white);
}
.bg-light {
background-color: var(--gray-100);
color: var(--gray-600);
} .left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; } .visually-hidden {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
padding: 0;
border: 0;
overflow: hidden;
clip: rect(0, 0, 0, 0);
clip-path: inset(50%);
white-space: nowrap;
}
.access-btn {
position: fixed;
bottom: 20px;
left: 20px;
display: flex;
align-items: center;
justify-content: center;
width: 64px;
height: 64px;
padding: 0;
border-radius: 50%;
background: linear-gradient(180deg, var(--blue-600) 0%, color-mix(in oklab, var(--blue-600) 85%, var(--blue-600)) 100%);
color: var(--white);
box-shadow: var(--shadow);
outline: none;
transition: transform 240ms cubic-bezier(.2,.8,.2,1), box-shadow 240ms, filter 240ms;
will-change: transform, filter;
z-index: 1000;
}
.access-btn::before {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
pointer-events: none;
background: radial-gradient(120% 120% at 30% 20%, rgba(255, 255, 255, .18) 0, transparent 60%), radial-gradient(120% 120% at 80% 80%, rgba(255, 255, 255, .10) 0, transparent 60%);
transition: opacity 240ms;
opacity: 1;
mix-blend-mode: screen;
}
.access-btn:hover,
.access-btn:focus {
transform: translateY(-2px);
box-shadow: 0 12px 30px rgba(0,0,0,.25);
outline: none;
}
.access-btn::after {
content: attr(data-tooltip);
position: absolute;
bottom: 100%;
left: 0;
transform: translateY(-8px);
background: var(--blue-600);
color: var(--white);
padding: 0.4em 0.6em;
border-radius: 0.25em;
white-space: nowrap;
font-size: var(--body4-font-size);
opacity: 0;
pointer-events: none;
transition: opacity 200ms ease-in-out;
z-index: 10;
}
.access-btn:hover::after,
.access-btn:focus::after {
opacity: 1;
}
.access-btn.tooltip-hidden::after {
opacity: 0 !important;
visibility: hidden !important;
}
.access-btn:focus-visible{
box-shadow: var(--shadow), var(--ring);
transform: translateX(-2px) scale(1.03);
}
.access-btn i {
font-size: 32px;
}
@media (max-width: 575px) {
.access-btn {
width: 48px;
height: 48px;
bottom: 10px;
}
}
@supports not (color-mix(in oklab, black 50%, white 50%)){
.access-btn { background: linear-gradient(180deg, var(--blue-600) 0%, var(--blue-600) 100%); }
} .modal-dialog {
width: 100%;
max-width: 800px;
}
.modal-content {
border: 0;
border-radius: 20px;
}
.modal-header {
border: 0;
}
.modal-body {
padding: 20px 40px;
}
.modal-footer {
border: 0;
}
.modal-header .btn-close {
}
.modal.fade .modal-dialog {
animation-name: slideInUp;
animation-duration: 0.75s;
animation-timing-function: ease-out;
} .pb-0 { padding-bottom: 0 !important; }
.pb-1 { padding-bottom: 1rem !important; }
.pb-2 { padding-bottom: 2rem !important; }
.pb-3 { padding-bottom: 4rem !important; }
.pb-4 { padding-bottom: 6rem !important; }
.pb-5 { padding-bottom: 8rem !important; }
.pt-0 { padding-top: 0 !important; }
.pt-1 { padding-top: 1rem !important; }
.pt-2 { padding-top: 2rem !important; }
.pt-3 { padding-top: 4rem !important; }
.pt-4 { padding-top: 6rem !important; }
.pt-5 { padding-top: 8rem !important; }
@media (min-width:576px) {
.pb-sm-0 { padding-bottom: 0 !important; }
.pb-sm-1 { padding-bottom: 1rem !important; }
.pb-sm-2 { padding-bottom: 2rem !important; }
.pb-sm-3 { padding-bottom: 4rem !important; }
.pb-sm-4 { padding-bottom: 6rem !important; }
.pb-sm-5 { padding-bottom: 8rem !important; }
.pt-sm-0 { padding-top: 0 !important; }
.pt-sm-1 { padding-top: 1rem !important; }
.pt-sm-2 { padding-top: 2rem !important; }
.pt-sm-3 { padding-top: 4rem !important; }
.pt-sm-4 { padding-top: 6rem !important; }
.pt-sm-5 { padding-top: 8rem !important; }
}
@media (min-width:768px) {
.pb-md-0 { padding-bottom: 0 !important; }
.pb-md-1 { padding-bottom: 1rem !important; }
.pb-md-2 { padding-bottom: 2rem !important; }
.pb-md-3 { padding-bottom: 4rem !important; }
.pb-md-4 { padding-bottom: 6rem !important; }
.pb-md-5 { padding-bottom: 8rem !important; }
.pt-md-0 { padding-top: 0 !important; }
.pt-md-1 { padding-top: 1rem !important; }
.pt-md-2 { padding-top: 2rem !important; }
.pt-md-3 { padding-top: 4rem !important; }
.pt-md-4 { padding-top: 6rem !important; }
.pt-md-5 { padding-top: 8rem !important; }
}
@media (min-width:992px) {
.pb-lg-0 { padding-bottom: 0 !important; }
.pb-lg-1 { padding-bottom: 1rem !important; }
.pb-lg-2 { padding-bottom: 2rem !important; }
.pb-lg-3 { padding-bottom: 4rem !important; }
.pb-lg-4 { padding-bottom: 6rem !important; }
.pb-lg-5 { padding-bottom: 8rem !important; }
.pt-lg-0 { padding-top: 0 !important; }
.pt-lg-1 { padding-top: 1rem !important; }
.pt-lg-2 { padding-top: 2rem !important; }
.pt-lg-3 { padding-top: 4rem !important; }
.pt-lg-4 { padding-top: 6rem !important; }
.pt-lg-5 { padding-top: 8rem !important; }
}
@media (min-width:1200px) {
.pb-xl-0 { padding-bottom: 0 !important; }
.pb-xl-1 { padding-bottom: 1rem !important; }
.pb-xl-2 { padding-bottom: 2rem !important; }
.pb-xl-3 { padding-bottom: 4rem !important; }
.pb-xl-4 { padding-bottom: 6rem !important; }
.pb-xl-5 { padding-bottom: 8rem !important; }
.pt-xl-0 { padding-top: 0 !important; }
.pt-xl-1 { padding-top: 1rem !important; }
.pt-xl-2 { padding-top: 2rem !important; }
.pt-xl-3 { padding-top: 4rem !important; }
.pt-xl-4 { padding-top: 6rem !important; }
.pt-xl-5 { padding-top: 8rem !important; }
} .mb-0 { margin-bottom: 0 !important; }
.mb-1 { margin-bottom: 1rem !important; }
.mb-2 { margin-bottom: 2rem !important; }
.mb-3 { margin-bottom: 4rem !important; }
.mb-4 { margin-bottom: 6rem !important; }
.mb-5 { margin-bottom: 8rem !important; }
.mt-0 { margin-top: 0 !important; }
.mt-1 { margin-top: 1rem !important; }
.mt-2 { margin-top: 2rem !important; }
.mt-3 { margin-top: 4rem !important; }
.mt-4 { margin-top: 6rem !important; }
.mt-5 { margin-top: 8rem !important; }
@media (min-width:576px) {
.mb-sm-0 { margin-bottom: 0 !important; }
.mb-sm-1 { margin-bottom: 1rem !important; }
.mb-sm-2 { margin-bottom: 2rem !important; }
.mb-sm-3 { margin-bottom: 4rem !important; }
.mb-sm-4 { margin-bottom: 6rem !important; }
.mb-sm-5 { margin-bottom: 8rem !important; }
.mt-sm-0 { margin-top: 0 !important; }
.mt-sm-1 { margin-top: 1rem !important; }
.mt-sm-2 { margin-top: 2rem !important; }
.mt-sm-3 { margin-top: 4rem !important; }
.mt-sm-4 { margin-top: 6rem !important; }
.mt-sm-5 { margin-top: 8rem !important; }
}
@media (min-width:768px) {
.mb-md-0 { margin-bottom: 0 !important; }
.mb-md-1 { margin-bottom: 1rem !important; }
.mb-md-2 { margin-bottom: 2rem !important; }
.mb-md-3 { margin-bottom: 4rem !important; }
.mb-md-4 { margin-bottom: 6rem !important; }
.mb-md-5 { margin-bottom: 8rem !important; }
.mt-md-0 { margin-top: 0 !important; }
.mt-md-1 { margin-top: 1rem !important; }
.mt-md-2 { margin-top: 2rem !important; }
.mt-md-3 { margin-top: 4rem !important; }
.mt-md-4 { margin-top: 6rem !important; }
.mt-md-5 { margin-top: 8rem !important; }
}
@media (min-width:992px) {
.mb-lg-0 { margin-bottom: 0 !important; }
.mb-lg-1 { margin-bottom: 1rem !important; }
.mb-lg-2 { margin-bottom: 2rem !important; }
.mb-lg-3 { margin-bottom: 4rem !important; }
.mb-lg-4 { margin-bottom: 6rem !important; }
.mb-lg-5 { margin-bottom: 8rem !important; }
.mt-lg-0 { margin-top: 0 !important; }
.mt-lg-1 { margin-top: 1rem !important; }
.mt-lg-2 { margin-top: 2rem !important; }
.mt-lg-3 { margin-top: 4rem !important; }
.mt-lg-4 { margin-top: 6rem !important; }
.mt-lg-5 { margin-top: 8rem !important; }
}
@media (min-width:1200px) {
.mb-xl-0 { margin-bottom: 0 !important; }
.mb-xl-1 { margin-bottom: 1rem !important; }
.mb-xl-2 { margin-bottom: 2rem !important; }
.mb-xl-3 { margin-bottom: 4rem !important; }
.mb-xl-4 { margin-bottom: 6rem !important; }
.mb-xl-5 { margin-bottom: 8rem !important; }
.mt-xl-0 { margin-top: 0 !important; }
.mt-xl-1 { margin-top: 1rem !important; }
.mt-xl-2 { margin-top: 2rem !important; }
.mt-xl-3 { margin-top: 4rem !important; }
.mt-xl-4 { margin-top: 6rem !important; }
.mt-xl-5 { margin-top: 8rem !important; }
} @keyframes fadeInDown {
from {
opacity: 0;
transform: translateY(-50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes fadeInUp {
from {
opacity: 0;
transform: translateY(50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes slideInUp {
from {
opacity: 0;
transform: translateY(100%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media screen and (max-width:1200px) {
.wrapper {
padding: 0 40px;
}
}
@media screen and (max-width:992px) {
nav#nav-meta ul { text-align:left; }
}
@media screen and (max-width:768px) {
.container {
padding: 0 20px;
}
#logo h1 { font-size: 28px; line-height: 1.2; }
#logo h1 span { font-size: 24px; font-weight: 300; }
h2, a {
word-wrap: break-word;
hyphens: auto;
overflow-wrap: anywhere;
}
.modal-dialog {
width: 100%;
max-width: 95%;
}
.modal-body {
padding: 20px;
}
.wrapper {
padding: 0 20px;
}
#foot {
padding: 40px 0;
}
nav#nav-meta {
width: 100%;
}
}
@media screen and (max-width:575px) {
nav#nav-meta { margin:0; padding:0; text-align:center; }
nav#nav-meta ul { margin:0; padding:0; display:block; border-top:1px solid var(--gray-600); }
nav#nav-meta ul li { margin:0; padding: 0; line-height:20px; text-align:left; border-left:0; border-right:0; border-bottom:1px solid var(--gray-600); display:block; }
nav#nav-meta ul li a { padding: 15px 0; font-size:16px; line-height:20px; display:block; text-decoration: none; }
nav#nav-meta ul li a:hover { color:var(--blue-600); }
#footer-bottom { padding-top: 40px; padding-bottom: 40px; }
#copyright { margin:0; padding:0; float:none; font-size:16px; text-align:left; line-height: 1.6; }
#foot address { font-size:18px; text-align:center; }
.text .half { width:auto; margin:0 0 20px 0; float:none; }
h1 { font-size:32px; }
h2 { font-size:28px; }
.text p, .text address, .text ul li { font-size:18px; }
.text p { margin:20px 0 20px 0; }
.text ul:nth-child(1) { margin:0 0 40px 0; }
}
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
.resize { width:100%; height:auto; }
}