@charset "UTF-8";

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

html,body{min-height:100%;}

:root { 
    --primary:#002344; 
    --secundary:#fc0824;
}

.bg-primary{background-color:var(--primary)!important;}
.bg-secundary{background-color:var(--secundary)!important;}

.border-primary{border-color:var(--primary)!important;}
.border-secundary{border-color:var(--secundary)!important;}

.text-primary{color:var(--primary)!important;}
.text-secundary{color:var(--secundary)!important;}

/*helper classes*/
.w-1{width:1%!important;}
.h-1{height:1%!important;}
.noSelect{-webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.showCursor{cursor:pointer;}


body{}
body.noScroll{overflow:hidden;}


h1,h2,h3,h4,h5{}

a{color:var(--primary); text-decoration:none;}

/*.fw-medium{font-weight:500!important;}
.fw-bold, strong{font-weight:600!important;}*/

/*offline*/
#offlineVideo {
  width: 100%;
  height: auto;
  display: block;
}

/*header & footer*/

/*content*/



@media(max-width:576px){

/*header & footer*/

/*content*/

}

@media(max-width:768px){
}

@media(min-width:768px){
/*header & footer*/

}

@media screen and (min-width: 768px) and (min-width: 992px){

}

@media(min-width:992px){
#offlineVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover; /* zorgt dat het beeld netjes schaalt en vult */
  }
}

@media(min-width:1200px){
/*header & footer*/

}