/********************************/
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400&display=swap');
body {
  font-family: 'Montserrat', sans-serif !important;
    font-size:13px; 
    line-height:1.7em; 
    color:#333;
    font-weight:normal;
    font-style:normal; 
    
}

.header { z-index: 1000;    background: #fff;    box-shadow: 0px 0px 2px 1px #ebebeb;}
.header .brand-logo img{max-height: 80px;}
.sliders img{width: 100%;}

.menu-main {margin:10px auto; }
.menu-main ul li.nav-item a {color:#041E42!important}
.menu-main ul{display: inline-block;}
.menu-main ul.maximenuck { background: none!important;}
.menu-main ul.maximenuck li a span{ color: #041E42; text-transform: uppercase;}

.menu-main div#maximenuck119 .maximenumobiletogglericonck {
    font-family: verdana;
    background: #f0f0f0;
	padding: 5px 10px;
	padding-top: 5px;
	height: 45px;
	position: relative;
	color: #333;
}

div#maximenuck119 ul.maximenuck li.level1.parent > a:after, div#maximenuck119 ul.maximenuck li.level1.parent > span.separator:after {border-color:#000 transparent transparent transparent !important;}

.karibu {padding: 0 0 40px 0;}

.what {padding: 30px 0;}
.what-inner-2 {display: flex!important;}
.what-inner {box-shadow: 0 20px 40px rgba(3, 15, 39, 0.09);
    -moz-box-shadow: 0 20px 40px rgba(3, 15, 39, 0.09);
    -webkit-box-shadow: 0 20px 40px rgba(3, 15, 39, 0.09);
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
display: flex!important; border:1px solid #fff}
.what-inner:hover{border:1px solid #041E42}
.what-inner h3.card-header {font-size: 1.5em;}

.next-event { padding: 30px 0; background-color: #ddd;}
.next-event .row {padding:2em!important; box-shadow: 0 20px 40px rgba(10, 10, 10, 0.2);
    -moz-box-shadow: 0 20px 40px rgba(10, 10, 10, 0.2);
    -webkit-box-shadow: 0 20px 40px rgba(10, 10, 10, 0.2);
    padding: 10px 0px 10px 0px;
    border-radius: 8px 8px 8px 8px;
    -moz-border-radius: 8px 8px 8px 8px;
    -webkit-border-radius: 8px 8px 8px 8px;}

.next-text {display:flex; margin: 3em auto;}
.next .card-body .custom { font-size: 1.5em; line-height: 1.5em;  }
.next h3.card-header {font-size: 1.7em;}

.summary{padding:30px 0;  background-color: #ddd;}
.summary img{max-height: 50px;}
.copyright{ background-color: #A01705; color:#fff!important; padding:30px 0}

.card { border:none!important; background:none;}
.card-header { border:none!important; background: none;}

.section-banner{width: 100%;height: 100vh;min-height: 300px;max-height: 600px;overflow: hidden;position: relative;border: 8px solid transparent;box-sizing: border-box;}

.banner{ width: 100%;height: 100%;object-fit: cover;object-position: center;display: block;}
.section-footer{background-color:#002147; color: white; padding:50px 0; font-size:14px;}
.footer-row{display:flex; flex-wrap:wrap; align-items:flex-start;}
.about-col{flex: 0 0 50%; max-width:50%; padding-right:20px; margin-bottom:20px;}
.footer-about{font-weight:bold; font-size:12px; text-transform:uppercase; color:white; letter-spacing:1px; margin-bottom:15px;}
.footer-about p{margin-bottom:8px; line-height:1.6;}
.footer-quicklinks .title{font-weight:bold; font-size:12px; text-transform:uppercase; color:white; letter-spacing:1px; margin-bottom:15px;}
.footer-quicklinks ul{list-style:none; padding:0; margin:0;}
.footer-quicklinks ul li{margin-bottom:6px;}
.footer-quicklinks ul li a{color:white; text-decoration:none;}
.footer-contacts{flex: 0 0 25%; max-width:25%; margin-bottom:20px;}
.footer-contacts .title{font-weight:bold; font-size:12px; text-transform:uppercase; color:white; letter-spacing:1px; margin-bottom:15px;}
.footer-contacts p{margin-bottom:8px;}
.footer-contacts p a{color:white; text-decoration:none;}
.footer-contacts .social-links{margin-top:12px;}
.footer-contacts .social-links a{ display:inline-block; width:32px; height:32px; background-color:rgba(255,255,255,0.1); border-radius:50%; text-align:center; line-height:32px; color:white; margin-right:8px; text-decoration:none;}
.copyright{padding:10px 10; font-size:12px; height:70px;}

 @media (max-width: 992px) {
            .footer-col { flex: 0 0 50% !important; max-width:50% !important; }
            .about-col { flex: 0 0 100% !important; max-width:100% !important; }
        }
@media (max-width: 576px) {
    .footer-col, .about-col { flex: 0 0 100% !important; max-width:100% !important; }
}