body {
    background-color: #141414;
    color: white;
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.hero {
    background-image: url('/assets/img/bg-002.jpg');
    background-size: cover;
    background-position: center;
    padding: 100px 20px;
    text-align: center;
}
.hero h1 {
    font-size: 3rem;
    font-weight: bold;
}
.content-thumb img {
    width: 100%;
    border-radius: 10px;
}
.section-title {
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
}
.footer {
    padding: 40px 0;
    font-size: 0.9rem;
    color: #aaa;
}
.btn-red {
    background-color: #e50914;
    color: white;
}
.btn-red:hover {
    background-color: #f6121d;
}
.navbar {
    background-color: #141414;
}

/*.container {
    max-width: 960px;
}*/


/*
* CSS QUERIES
*/

/* Small devices (portrait phones, 576px and down)*/
@media (max-width: 575.98px) {
    .w-xs-100 {
        width:100%!important;
    }
    .w-xs-75 {
        width:75%!important;
    }
    .w-xs-50 {
        width:50%!important;
    }
    .w-xs-25 {
        width:25%!important;
    }
    .w-xs-20 {
        width:20%!important;
    }    
    .h-xs-100 {
        height:100%!important;
    }
    .h-xs-75 {
        height:75%!important;
    }
    .h-xs-50 {
        height:50%!important;
    }
    .h-xs-25 {
        height:25%!important;
    }

    .mt-xs-5 {
        margin-bottom: 3rem!important;
    }
    .mb-xs-3 { margin-bottom: 2rem!important; }

    .mb-xs-6 {
        margin-bottom: 4rem!important;
    }
    .mb-xs-7 {
        margin-bottom: 5rem!important;
    }
    .mb-xs-8 {
        margin-bottom: 6rem!important;
    }
    .mb-xs-9 {
        margin-bottom: 7rem!important;
    }
    .mb-xs-10 {
        margin-bottom: 8rem!important;
    }    

}

/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
    .w-sm-100 {
        width:100%!important;
    }
    .w-sm-75 {
        width:75%!important;
    }
    .w-sm-50 {
        width:50%!important;
    }
    .w-sm-25 {
        width:25%!important;
    }
    .h-sm-100 {
        height:100%!important;
    }
    .h-sm-75 {
        height:75%!important;
    }
    .h-sm-50 {
        height:50%!important;
    }
    .h-sm-25 {
        height:25%!important;
    }

    .mb-sm-6 {
        margin-bottom: 4rem!important;
    }
    .mb-sm-7 {
        margin-bottom: 5rem!important;
    }
    .mb-sm-8 {
        margin-bottom: 6rem!important;
    }
    .mb-sm-9 {
        margin-bottom: 7rem!important;
    }
    .mb-sm-10 {
        margin-bottom: 8rem!important;
    }      

}
    
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
    .w-md-100 {
        width:100%!important;
    }
    .w-md-75 {
        width:75%!important;
    }
    .w-md-50 {
        width:50%!important;
    }
    .w-md-25 {
        width:25%!important;
    }
    .w-md-20 {
        width:20%!important;
    }      
    .w-md-15 {
        width:15%!important;
    }     
    .w-md-10 {
        width:10%!important;
    }    
    .h-md-100 {
        height:100%!important;
    }
    .h-md-75 {
        height:75%!important;
    }
    .h-md-50 {
        height:50%!important;
    }
    .h-md-25 {
        height:25%!important;
    }   

    .mb-md-6 {
        margin-bottom: 4rem!important;
    }
    .mb-md-7 {
        margin-bottom: 5rem!important;
    }
    .mb-md-8 {
        margin-bottom: 6rem!important;
    }
    .mb-md-9 {
        margin-bottom: 7rem!important;
    }
    .mb-md-10 {
        margin-bottom: 8rem!important;
    }     

}

/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
    .w-lg-100 {
        width:100%!important;
    }
    .w-lg-75 {
        width:75%!important;
    }
    .w-lg-50 {
        width:50%!important;
    }
    .w-lg-25 {
        width:25%!important;
    }
    .h-lg-100 {
        height:100%!important;
    }
    .h-lg-75 {
        height:75%!important;
    }
    .h-lg-50 {
        height:50%!important;
    }
    .h-lg-25 {
        height:25%!important;
    }

}

/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    .w-xl-100 {
        width:100%!important;
    }
    .w-xl-75 {
        width:75%!important;
    }
    .w-xl-50 {
        width:50%!important;
    }
    .w-xl-25 {
        width:25%!important;
    }
    .h-xl-100 {
        height:100%!important;
    }
    .h-xl-75 {
        height:75%!important;
    }
    .h-xl-50 {
        height:50%!important;
    }
    .h-xl-25 {
        height:25%!important;
    }

}