/* Fonts */
p, li, td,tr {
    font-family: "loos-normal", sans-serif;
    font-weight: 200;
    font-style: normal;
}

h1 {
    font-family: "loos-extended", sans-serif;
    font-weight: 400;
    font-style: normal;
}

nav-item {
    font-family: "loos-extended", sans-serif;
    font-weight: 400;
    font-style: normal;
}

h3 {
    font-family: "loos-extended", sans-serif;
    font-weight: 500;
    font-style: normal;
}

h2,
    {
    font-family: "loos-extended", sans-serif;
    font-weight: 700;
    font-style: normal;
}

h5,h6,h7 {
    font-family: "loos-compressed", sans-serif;
    font-weight: 800;
    font-style: normal;
}

strong {
    font-family: "loos-wide", sans-serif;
    font-weight: 700;
    font-style: normal;
}

form-check-label {
    font-family: "loos-normal", sans-serif;
    font-weight: 200;
    font-style: normal;
}

.card-body {font-family: "loos-compressed", sans-serif;
    font-weight: 300;
    font-style: normal;
color: #132e88;}


.card-title2 a{
    color: #132e88
}
p.card-title2{
    margin: 0; font-family: "loos-normal", sans-serif;font-size: .75em;
    font-weight: 100;
    font-style: normal;
    color: #132e88; } 

p.card-title2 a{ text-decoration: none;}
/* The navigation bar */
.navbar {
    position: fixed;
    /* Set the navbar to fixed position */
    top: 0;
    /* Position the navbar at the top of the page */
    width: 100%;
   
    

    /* Full width */
}
/* Main content */
.main {
    margin-top: 30px;
    /* Add a top margin to avoid content overlay */
}

/* Carousel */
.carousel-item img {
    object-fit: cover;
    object-position: center;
}

.center {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    height: 20px;
    width: 20px;
    outline: black;
    background-color: #881321;
    background-size: 100%, 100%;
    border-radius: 50%;
    border: 1px solid black;
}

/* Carousel end */
iframe {
    position: relative;
    left: 0;
    top: o;
}

h2 {
    color: #881321
}

h5,h6,h7 {
    color: #132e88
}

footer {
    background-color: #881321;
}

strong,em {
    color: #132e88
}

/*Intro Animation dont use
.intro {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: #000000;
    transition: 1s;
}
.logo-header {
    position: absolute; 
    top: 50%; left: 50%;
    transform: translate(-50%, -50);
    color: #ffffff;  
}
.logo {position: relative;
display: inline-block; bottom: -20px;
opacity: 0;}

.logo.active {
    bottom: 0;
    opacity: 1;
    transition: ease-in-out 0.5s;
}
.logo.fade {
    border: 150px;
    opacity: 0;
    transition: ease-in-out 0.5s;
}
*/