:root {
  --h1: clamp(2.1rem, 1.6800rem + 2.1000vw, 4.2rem);
  --h3: clamp(0.85rem, 0.6900rem + 0.8000vw, 1.65rem);
  --h2: clamp(0.7rem, 0.6000rem + 0.5000vw, 1.2rem);
     
  --secmenu-title: clamp(0.6rem, 0.4900rem + 0.5500vw, 1.15rem);
     
  --siz-p: clamp(0.7rem, 0.6200rem + 0.4000vw, 1.1rem);
  --siz-frnt-lnk: clamp(0.5rem, 0.4000rem + 0.5000vw, 1rem);
}

.front-content-container  {
    position: relative;
}

section.front-large-image  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -100;
}
section.front-large-image > figure {
    width: 100%;
    overflow: hidden;
}
section.front-large-image > figure > img {
    width: 100%;
    object-fit: cover;
    margin-top: -10%;
}

section.front-lead {
    position: relative;
}
section.front-lead > figure {
    max-width: 1290px;
    margin: 0 auto;
    text-align: center;
    display: grid;
    grid-template-columns: 1.0fr 1.0fr;
}
section.front-lead > figure > figcaption {
    background-color: rgba(0,70,132,0.75);
    border-radius: 0.6em;
    margin: 4ch 0 6ch 0;
    padding: 3ch;
    color: var(--clr-white) !important;
}
section.front-lead > figure > figcaption > h1 {
    color: var(--clr-white)!important;
    font-size: clamp(1.6rem, 1.2800rem + 1.6000vw, 3.2rem)!important;
    margin: 0;
}
section.front-lead > figure > figcaption > h3 {
    color: var(--clr-white)!important;
    font-size: clamp(0.7rem, 0.5800rem + 0.6000vw, 1.3rem)!important;
    font-weight: 600;
}


section.front-grid-container  {
    max-width: 1290px;
    margin: 25ch auto 0 auto;
    text-align: center;
}
section.front-grid-container > .front-grid {
    display: grid;
    grid-template-columns: 1.0fr 1.0fr 1.0fr 1.0fr;
    grid-gap: 3vw;
    margin-bottom: 3vw;
}
/*
section.front-grid-container > .front-grid-top {
    grid-template-areas: "box visit visit box";
}
*/
section.front-grid-container > .front-grid > .front-grid-box-cntnr,
section.front-grid-container > .front-grid > .front-grid-box-news-cntnr,
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr,
section.front-grid-container > .front-grid > .front-grid-box-visi-cntnr {
    background-color: rgba(0,70,132,1.00);
    border-radius: 0.6em;
    margin: 0;
    padding: 1ch 0 2ch 0;
    color: var(--clr-white) !important;
    position: relative;
}

section.front-grid-container > .front-grid > .front-grid-box-cntnr:hover {
    background-color: var(--clr-white)!important;
    border: 1px solid rgba(0,70,132,1.00);
}
section.front-grid-container > .front-grid > .front-grid-box-xmas-cntnr {
    background-color:var(--clr-white);
    border-radius: 0.6em;
    margin: 0;
    padding: 0 0 2ch 0;
    color: rgba(0,70,132,1.00)!important;
    position: relative;
    border: 1px solid rgba(0,70,132,1.00);
}
/*
section.front-grid-container > .front-grid > .front-grid-box-cntnr {
    grid-area: box;
}
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr {
    grid-area: visit;
}
*/
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr {
    grid-column: span 2;
}
section.front-grid-container > .front-grid > .front-grid-box-xmas-cntnr > .front-grid-box > h2 {
    margin: 0;
    padding: 0 0 .6ch 0;
    border-bottom: 1px solid var(--clr-white);
    font-size: font-size: clamp(0.7rem, 0.5600rem + 0.7000vw, 1.4rem) !important;
    color: rgba(0,70,132,1.00)!important;
    font-weight: 300;
    display: none;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box > h2,
section.front-grid-container > .front-grid > .front-grid-box-news-cntnr > .front-grid-box > h2,
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr > .front-grid-box > h2,
section.front-grid-container > .front-grid > .front-grid-box-visi-cntnr > .front-grid-box > h2 {
    margin: 0;
    padding: 0 0 .6ch 0;
    border-bottom: 1px solid var(--clr-white);
    font-size: font-size: clamp(0.7rem, 0.5600rem + 0.7000vw, 1.4rem) !important;
    color: var(--clr-white)!important;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr:hover > .front-grid-box > h2 {
    color:  rgba(0,70,132,1.00)!important;
    border-bottom: 1px solid rgba(0,70,132,1.00)!important;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box > img {
    margin-bottom: 1ch;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box > h4 {
    padding: 0 2ch 0 2ch;
    margin: 0;
}
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr > .front-grid-box > .front-grid-box-grid {
    display: grid;
    grid-template-columns: 1.0fr 1.0fr;
    grid-gap: 0;
    text-align: left;
}
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr > .front-grid-box > .front-grid-box-grid > .front-grid-box-col > h2 {
    padding: 0 1.5ch 0 2ch;
    margin: 1ch 0;
    font-size: var(--siz-p)!important;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box > p,
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr > .front-grid-box > .front-grid-box-grid > .front-grid-box-col > p {
    padding: 0 1.5ch 0 2ch;
    margin: 0;
    font-size: var(--siz-p)!important;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box > p,
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr > .front-grid-box > .front-grid-box-grid > .front-grid-box-col > p {
    color: var(--clr-white)!important;
    hyphens: auto;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr:hover > .front-grid-box > p {
    color:  rgba(0,70,132,1.00)!important;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box-lnk  {
    position: absolute;
    bottom: 0;
    border-top: 1px solid var(--clr-white);
    margin-top: 1ch;
    vertical-align: bottom;
    display: block;
    width: 100%;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr:hover > .front-grid-box-lnk  {
    border-top: 1px solid rgba(0,70,132,1.00)!important;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box-lnk:hover  {
    background-color: var(--clr-white);
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box-lnk > a.art-lnk {
    font-weight: 300;
    margin: 1ch 0;
    padding: 0 1ch 0 1ch;
    display: inline-block;
    font-size: var(--siz-p)!important;
    color: var(--clr-white) !important;
}
section.front-grid-container > .front-grid > .front-grid-box-cntnr:hover > .front-grid-box-lnk > a.art-lnk,
section.front-grid-container > .front-grid > .front-grid-box-cntnr > .front-grid-box-lnk:hover > a.art-lnk {
    color: rgba(0,70,132,1.00)!important;
}

section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr > .front-grid-box > .front-grid-box-grid > .front-grid-box-col > .front-grid-box-lnk > a.art-lnk {
  display: inline-block;
  color: rgba(0,70,132,1.00);
  border-radius: 0.4em;
  padding: 1ch 1ch;
  background-color: rgba(255,255,255,1.00);
  margin: 2ch 2ch 1ch 1ch;
  text-transform: uppercase;
font-size: var(--siz-p)!important;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
section.front-grid-container > .front-grid > .front-grid-box-visit-cntnr > .front-grid-box > .front-grid-box-grid > .front-grid-box-col > .front-grid-box-lnk > a.art-lnk:hover {
    border: 1px solid var(--clr-white);
    color: var(--clr-white) !important;
    background-color: rgba(0,70,132,1.00);
}


section.front-grid-container > .front-grid > .front-grid-box-visi-cntnr > .front-grid-box > .front-grid-box-visi-grid > .front-grid-box-col > .front-grid-box-col {
    margin: 1ch 1ch 1ch 1ch
}
section.front-grid-container > .front-grid > .front-grid-box-visi-cntnr > .front-grid-box > .front-grid-box-visi-grid > .front-grid-box-col > .front-grid-box-lnk {
    margin: 1ch 1ch 1ch 1ch
}
section.front-grid-container > .front-grid > .front-grid-box-visi-cntnr > .front-grid-box > .front-grid-box-visi-grid > .front-grid-box-col > .front-grid-box-lnk > a.art-lnk {
  display: inline-block;
  color: rgba(0,70,132,1.00);
  border-radius: 0.4em;
  padding: .7ch 1ch;
  background-color: rgba(255,255,255,1.00);
  margin: 1.0ch 0 1ch 0;
  text-transform:none;
font-size: var(--siz-frnt-lnk)!important;
  font-weight: 400;
  font-family: 'Montserrat', sans-serif;
}
section.front-grid-container > .front-grid > .front-grid-box-visi-cntnr > .front-grid-box > .front-grid-box-visi-grid > .front-grid-box-col > .front-grid-box-lnk > a.art-lnk:hover {
    border: 1px solid var(--clr-white);
    color: var(--clr-white) !important;
    background-color: rgba(0,70,132,1.00);
}



/* news */
.nwsli {
}
.nws-tm {
    margin: 0 0 00;
    border-color:var(--clr-white) ;
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 0 1ch 3% 1ch;
	position: relative;
}

.nws-tm:hover {
    background-color:var(--clr-white) ;
}
.nws-dt,
.nws-h,
.nws-hdr a:link,
.nws-hdr a:visited,
.nws-lnk a:link,
.nws-lnk a:visited {
    margin: 0px;
    padding: 0px;
    color: #303030;
}
.nws-dt {
    padding: 1rem 0 .5rem 0;
    font-size: clamp(0.55rem, 0.4400rem + 0.5500vw, 1.1rem);
    color: var(--clr-white);
}
.nws-tm:hover > .nws-dt {
    color: rgba(0,70,132,1.00);
}
.nws-hdr a {
    font-size: clamp(0.75rem, 0.4074rem + 0.7439vw, 1.3rem);
	line-height: clamp(1rem, 0.5639rem + 0.9467vw, 1.7rem);
    font-size: var(--siz-p)!important;
}
.nws-hdr a:link,
.nws-hdr a:visited {
	display: inline-block;
	margin-top: 2%;
    color:var(--clr-white);
}
.nws-lnk a:link,
.nws-lnk a:visited {
	position: absolute;
	bottom: 7%;
	right: 5%;
	display: inline-block;
	margin-top: 0;
    font-size: clamp(0.8rem, 0.6400rem + 0.8000vw, 1.6rem);
	line-height: clamp(1.4rem, 1.1514rem + 0.5405vw, 1.8rem);
    color:var(--clr-white)!important;
}
.nws-tm:hover > .nws-hdr a:link,
.nws-tm:hover > .nws-hdr a:visited {
	color: rgba(0,70,132,1.00);
}
.nws-tm:hover > .nws-lnk a:link,
.nws-tm:hover > .nws-lnk a:visited {
	color: rgba(0,70,132,1.00);
}



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


    
}

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


}


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


section.front-large-image > figure {
    width: 100%;
    height: 45ch;
    overflow: hidden;
}    
    
section.front-large-image > figure > img {
    width: 150%;
    height: 150%;
    object-fit: cover;
    margin-top: -10%;
}
section.front-lead > figure {
  grid-template-columns: 1.0fr;
}
section.front-lead > figure > figcaption {
  margin: 25ch 2ch 0 2ch;
  padding: 1ch 2ch 1ch 2ch;
  color: var(--clr-white) !important;
}

section.front-grid-container {
  margin: 3ch auto 0 auto;
}
section.front-grid-container > .front-grid {
    grid-template-columns: 1.0fr 1.0fr;
    grid-gap: 3vw;
    margin-bottom: 3vw;
}


    
}