@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
body{font-family: "Manrope", sans-serif !important;}
/**********Navigation**********/
header{}
.navbar-brand-logo {min-width: 12rem;max-width: 12rem; padding: 10px 0;}
.avatar-xl {width: 15rem;height: 15rem;}
.navbar-light .navbar-nav .nav-link {color: #000; font-weight: 300;}
.navbar-light .navbar-nav .nav-link:hover {color: #000;}
.hero h1 span{font-weight: 800;}
h1{font-family: "Manrope", sans-serif !important;font-size: 60px; font-optical-sizing: auto;font-weight: 300!important;font-style: normal;}
h2{font-family: "Manrope", sans-serif !important;font-size: 40px; font-optical-sizing: auto;font-weight: 300!important;font-style: normal;}
h2 span{font-weight: 800;}
h3{font-family: "Manrope", sans-serif !important;font-size: 24px; line-height: 33px; font-optical-sizing: auto;font-weight: 500!important;font-style: normal;}
h3 span{font-weight: 800;}
h4{font-family: "Manrope", sans-serif !important;color: #000; font-size: 20px; line-height: 30px; font-weight: 500!important;}
p,.text-body{font-family: "Manrope", sans-serif !important;color: #000!important; font-size: 16px!important; line-height: 25px; font-weight: 400!important;}
.bg-dark p.lead{color: #fff;}
p.lead{font-size: 22px!important; line-height:30px!important;}
.no-shadow{box-shadow: none;}
.hero{min-height: 100vh; padding: 0; color: #fff;background:#fff!important;position: relative; z-index: 0;}
.hero .container{position: absolute; z-index: 1;left: 0;right: 0;margin: auto;}
.rounded-2 {border-radius: 1rem !important;overflow: hidden;}
video.fullscreen {position: absolute;z-index: 0;object-fit: cover;width: 100%;bottom: 0;left: 50%;right: 0; transform: translate(-50%, 0%);}
video.fullscreen::-webkit-media-controls {display: none !important;}
.bg-dark p{color:#fff !important;}
footer{background-color: #F1F1F1 !important; font-size: 16px;}
footer .link-secondary{ color: #000; font-weight: 300;}
p.text-black{color: #000!important;}
.notification-bar {background: #000;min-height: 36px;text-align: center;color: #fff; padding: 8px 7px 6px 7px;margin-top: 7px;}
.legal-community img{width: 60px;}
.word-break{word-break: break-all;}
.btn-dark {color: #fff;background-color: #000;border-color: #000;}
.btn-dark:hover {color: #fff;background-color: #000;border-color: #000;}

@media (max-width: 600px) {
    .hero {background-size: 45%, 35%; text-align: center; height: 85vh;}

    .hero h1{font-family: "Manrope", sans-serif !important;font-size: 40px; line-height: 56px; font-optical-sizing: auto;font-weight: 300!important;font-style: normal;}
    .hero h1 span{font-weight: 800;}
    .sm-center{text-align: center;}

    h1{font-family: "Manrope", sans-serif !important;font-size: 50px; line-height: 60px; font-optical-sizing: auto;font-weight: 300!important;font-style: normal;}
    h2{font-family: "Manrope", sans-serif !important;font-size: 40px; font-optical-sizing: auto;font-weight: 300!important;font-style: normal;}
    h2 span{font-weight: 800;}
    h3{font-family: "Manrope", sans-serif !important;font-size: 30px; line-height: 42px; font-optical-sizing: auto;font-weight: 300!important;font-style: normal;}
    h4{font-family: "Manrope", sans-serif !important;color: #000; font-size: 20px; line-height: 30px; font-weight: 800!important;}
    
}

.filtergray{filter: grayscale(1);}