/* Mobile */
@media (max-width: 320px) {
    .font-60 {
        font-size: 41px;
    }
    .navbar-expand-lg .navbar-nav .nav-link, .dropdown-menu a.dropdown-item {
        padding: 0px 0px!important;
        color: #191919;
        font-size: 15px;
        font-weight: 400;
        line-height: 40px;
    }
    .btn-primary.orange {
        padding: 18px
    }
    .navbar.navbar-expand-lg {
        float: none!important;
        justify-content: space-between!important;
    }
    .h1, h1 {
        font-size: 35px!important;
    }

    /* .home-header-top {
        height: 100%!important;
    }

    .long-text {
        max-height: 300px!important;
        overflow-y: auto;
    } */
}
@media (max-width: 767px) {
    .h1, h1 {
        font-size: 40px;
    }

    .h2, h2 {
        font-size: 30px!important;
    }

    .font-sm-30 {
        font-size: 30px!important;
    }

    iframe {
        width: 100%!important;
        height: auto;
    }

    .absolute-crown {
        display: none;
    }

    .header {
        background-color: #191919;
        z-index: 9999999999;
        height: 80px;
    }

    .navbar-light .navbar-toggler {
        color: #fff;
        border-color: transparent;
        font-size: 30px;
        height: 50px;
        vertical-align: middle;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar {
        display: block;
        margin-bottom: 0;
        list-style: none;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9999999;
    }

    .navbar-collapse {
        text-align: center;
        background-color: #fff;
        padding: 10px 0;
        width: 100%;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        margin-top: 10px;
    }

    .navbar-expand-lg .navbar-nav .nav-item {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link, .dropdown-menu a.dropdown-item {
        /* padding: 0px 20px!important; */
        color: #191919;
        font-size: 15px;
        font-weight:400;
        line-height: 40px;
    }

    .header .dropdown-menu {
        text-align: center;
        box-shadow: none;
    }

    .nav-item .nav-link.header-dropdown i {
        padding-left: 5px;
        font-size: 11px;
        vertical-align: middle;
        line-height: 30px;
        color: #000!important;
    }

    /* Home */
    .home-header {
        background-color: #191919;
        min-height: 100vh;
        background-image: none;
        background-size: cover;
        background-position: center;
    }

    .home-header-top {
        padding: 5vh 0 10vh 0;
        /* height: 180vh; */
    }

    .long-text {
        max-height: 200px;
        max-height: 280px;
        overflow-y: auto;
    }

    .home-header-top .carousel {
        position: relative;
        padding-top: 10vh;
    }

    .home-header-bottom {
        height: auto;
        padding-bottom: 10vh;
    }
    
    .carousel .card {
        min-height: 610px;
        height: 100%;
        margin: 0px;
    }

    /* .home-header-top .carousel .card {
        min-height: 530px;
        margin: 0px;
        max-height: 540px;
    } */

    .intro h2 {
        font-size: 25px;
    }

    .home-get-involved .btn-primary {
        position: unset;
        bottom: 0;
        right: 0;
        margin-left: 5%;
    }

    .home-get-involved {
        padding: 10% 0;
    }

    /* .home-header-top .col-md-6 {
        height: 50vh;
    } */

    .play-btn-outlined, .play-btn-outlined:hover, .play-btn-outlined:focus {
        line-height: 60px;
    }
    

    /* About */
    .page-header {
        min-height: 300px;
    }

    .page-header h1 {
        text-align: center;
        margin-bottom: 0;
    }

    .mission .col-md-12 p {
        line-height: 40px;
    }

    .mission-statement p {
        line-height: 35px;
    }

    .mission-statement p>br {
        display: none;
    }

    /* Empower pages */
    .empower-video {
        min-height: 220px;
        padding: 10% 0;
    }

    .get-involved-contact.home-get-involved .btn-primary {
        margin-left: 0;
    }

    /* Get invloved */
    .get-involved-contact {
        padding: 20% 0!important;
    }

    /* .get-involved-contact h2 {
        color: #fff;
    } */

    .our-projects, .project {
        padding: 10% 0;
    }
    
    /* Footer */
    footer {
        background-position: right 11% center;
        padding: 10% 0 20px 0;
    }

    .footer-lower {
        text-align: center;
    }
}

/* Tablet & small screens: */
@media (min-width: 768px) and (max-width: 991px) {
    iframe {
        width: 100%!important;
    }
    
    .navbar-light .navbar-toggler {
        color: #fff;
        border-color: transparent;
        font-size: 30px;
        height: 50px;
        vertical-align: middle;
        float: right;
    }
    .navbar-light .navbar-toggler i {
        font-weight: 300;
    }

    .navbar-nav {
        width: 100%;
    }

    .navbar {
        display: block;
        margin-bottom: 0;
        list-style: none;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 9999999;
    }

    .navbar-collapse {
        text-align: center;
        background-color: #fff;
        padding: 10px 0;
        width: 100%;
        box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
        margin-top: 20px;
        position: absolute;
        right: 0;
        top: 100%;
    }

    .navbar-expand-lg .navbar-nav .nav-item {
        padding-left: 0;
        padding-right: 0;
    }

    .navbar-expand-lg .navbar-nav .nav-link, .dropdown-menu a.dropdown-item {
        padding: 0px 20px!important;
        color: #191919;
        font-size: 15px;
        font-weight:400;
        line-height: 40px;
    }

    .header .dropdown-menu {
        text-align: center;
        box-shadow: none;
    }

    .nav-item .nav-link.header-dropdown i {
        padding-left: 5px;
        font-size: 11px;
        vertical-align: middle;
        line-height: 30px;
        color: #000!important;
    }

    header {
        min-height: 100px;
        padding: 10px 0;
    }

    .h1, .h2, .h3, .h4, .h5, .h6 {
        margin-bottom: 0;
    }

    .h1, h1 {
        font-size: 50px;
    }

    .h2, h2 {
        font-size: 30px;
    }

    .font-sm-30 {
        font-size: 30px!important;
    }

    .mobi-0 {
        display: none;
    }

    /* Home page */

    .home-get-involved {
        padding: 7% 0;
    }

    .home-header-top {
        height: auto;
        padding: 0vh 0 20vh 0;
        /* margin-bottom: 40vh; */
    }

    .home-header-bottom {
        height: auto;
        padding-bottom: 10vh;
        padding-top: 0;
    }

    .home-header-top .col-md-7 {
        height: 60vh;
    }

    .home-header .home-header-top .card p, .home-header .home-header-top .card a {
        font-size: 20px;
    }

    .home-header .home-header-top .card i {
        font-size: 50px;
    }

    .get-involved-contact {
        padding: 10% 0!important;
        background-position: right;
    }

    .play-btn-outlined, .play-btn-outlined:hover, .play-btn-outlined:focus {
        padding: 15px 50px;
        line-height: 60px;
    }

    /* About */
    .page-header {
        min-height: 500px;
    }

    .mission-statement p>br {
        display: none;
    }

    /* Empower pages */
    .empower-video {
        min-height: 470px;
        padding: 10% 0;
    }

    /* Footer */
    footer {
        background-position: right 23% center;
        padding: 10% 0 20px 0;
    }
    
    .absolute-crown {
        top: -42%;
        left: -3%;
        max-width: 20%;
    }
}

@media (min-width: 992px) and (max-width: 1199px) {
    .h1, h1 {
        font-size: 60px;
    }

    .font-60 {
        font-size: 50px;
    }

    .navbar-light .navbar-nav .nav-link {
        padding: 0 2px 0 7px;
        font-size: 13px;
    }

    .header-social-icons i {
        font-size: 20px;
    }

    .home-header-top {
        padding: 5vh 0px 5vh 0;
    }

    .home-header-bottom {
        height: auto;
        padding-bottom: 10vh;
        padding-top: 10vh;
    }

    .home-get-involved .btn-primary {
        position: absolute;
        bottom: -30%;
        right: 60px;
    }

    .home-header .home-header-top .card p, .home-header .home-header-top .card a {
        font-size: 23px;
    }

    .page-header {
        min-height: 500px;
    }

    .mission-statement p>br {
        display: none;
    }

    .empower-video {
        min-height: 620px;
        padding: 10% 0;
    }

    .get-involved-contact {
        padding: 8% 0;
        background-position: right;
    }

    /* Footer */
    .absolute-crown {
        top: -51%;
        left: 0%;
    }

    footer {
        background-position: right 18% center;
        padding: 10% 0 20px 0;
    }
}

/* Laptop: */
@media (min-width: 1200px) and (max-width: 1600px) {
    .h1, h1 {
        font-size: 60px;
    }

    .home-header-bottom {
        height: auto;
        padding: 10vh 0;
    }

    .home-get-involved .btn-primary {
        bottom: -29%;
    }

    .absolute-crown {
        top: -54%;
        left: 0%;
    }

    .page-header {
        min-height: 600px;
    }

    .empower-video {
        min-height: 700px;
        padding: 10% 0;
    }

    footer {
        background-position: right 14% center;
        padding: 8% 0 20px 0;
    }
}

@media (min-width: 1391px) and (max-width: 1400px) {
    .home-header-bottom {
        min-height: 70vh;
        max-height: 140vh;
        height: auto;
        padding-bottom: 10vh;
    }
}

@media (min-width: 1400px) and (max-width: 1600px) {
    .navbar-light .navbar-nav .nav-link {
        padding: 0 0 0 15px;
    }

    .home-header-top {
        padding: 10vh 0px 25vh 0;
    }

    .absolute-crown {
        top: -65%;
        left: 4%;
    }
}

@media (min-width: 1500px) and (max-width: 1600px) {
    .home-header-top {
        padding: 10vh 0px 28vh 0;
    }

    .home-get-involved .btn-primary {
        bottom: -34%;
    }

    footer {
        background-position: right 22% center;
        padding: 7% 0 20px 0;
    }
}

@media (min-width: 2500px) and (max-width: 3000px) {
    .home-header-top {
        padding: 5vh 0px 5vh 0;
        height: 120vh;
    }
}