﻿
body {
    background-image: url('Images/ProvideBackground.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    color: white;
}
    .navbar.bg-dark {
        background: rgb(40,29,28) !important;
        padding: 1rem;
    }
    .navbar strong, .navbar {
        font-weight: unset;
        font-size:1.25rem;
    }
    .jumbotron {
        background: transparent;
        padding: 0;
    }
    .jumbotron .container {
        padding:0;
    }
    .jumbotron .container .jumbotron-heading {
        text-align:left;
        color:#ffffff;
        font-size:2.1rem;
        font-weight:400;
        /*padding:2.1rem 1rem;*/
        line-height:1.5;
        position:relative;
    }
    .jumbotron .container .jumbotron-heading::after {
        content: "";
        position: absolute;
        height: .5rem;
        width: 20%;
        min-width:150px;
        left: 0;
        bottom: -.5rem;
        background: #dc481b;
    }

    .jumbotron .container p{
       text-align:left; 
       padding:1rem 0;
    }

    .jumbotron .container p .btn {
        background: #dc481b;
        border-color: #dc481b;
        padding: .9rem 0;
        font-size: 1.2rem;
        width: 200px;
    }
    .jumbotron .container p .btn:hover, .jumbotron .container p a.btn-primary {
        background: #f94710;
        border-color: #f94710;
    }

    

    .help-block {
        color: #ff6b6b !important;
    }

    .Typeahead-menu {
        background-color: #f94710 !important;
    }

@media screen and (min-width:320px) and (max-width:1025px) {
    .jumbotron .container p {
        text-align: center;
        padding: 1rem 0;
    }
    .jumbotron .container p .btn {
        padding: .5rem 0;
        font-size: 1rem;
        width: 170px;
    }
    .jumbotron .container .home .btn {
        padding: .9rem 0;
        font-size: 1.2rem;
    }

}
