/*Pretty much all mobile devices*/
@media all and (max-device-width: 1024px) {


    .full-page{
        /*position: fixed;*/
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        text-align: center;
        /*background: black;*/
    }

    /*Add Rare life story form*/
    label[for="edit-field-nom-dob-value"] {
        /*margin-bottom: 35px;*/
    }
    
    /* center image in footer */
    .col-md-3 img {
        border: none;
        display: block;
        margin: 0 auto;
    }

    .card {
        text-align: center;
    }
    
    .card .winnerspage {
        width: 100%;
    }

    .mobile-padding-btm-20{
        padding-bottom: 20px;
    }
    
    .mobile-text-center{
        text-align: center;
    }


    /*Add rarelife story*/
    .form-item-field-nom-dob-value{
        position: relative;
        bottom: 40px;
    }

    .node-rare-life-story-form .description{
        margin-top: 0;
    }

    /*CHANGES*/
    #bs-example-navbar-collapse-1 > ul > li:nth-child(6) > a{
        margin-left: 85px;
        width: 60%;
    }

     /*PAST WINNERS*/
    .page-node-type-rare-life-story .charity-info{
        top: 35px;
        position: relative;
    }

    .page-node-type-rare-life-story .jumbotron{
        /* height: 680px; */
        height: auto;
    }
}

@media screen and (min-width: 745px) and (max-width: 991px){
    .fix-burger-sm{
        margin-top: -35px !important;
    }
}



@media screen  and (min-width: 225px) and (max-width: 768px){

    .collapsing {
        width: 100%;
    }

    .navbar-collapse.in {
        overflow-y: auto;
        width: 100%;
    }

    .card img {
        margin: 10px auto;
        transition: all 0.5s ease 0s;
    }

}

@media screen and (max-width: 991px) {

    .navbar-header{
        /* float: right; */
    }

    .full-width-sm{
        width: 100%;
    }

    .fix-logo-sm{
        margin-left: 15px;
        margin-top: 20px;
    }

    .page-node-type-rare-life-story .main-container { margin-top: -2px; }
    

    .navbar-toggle{
        display: block;
        position: relative;
        float: right;
        padding: 9px 10px;
        margin-top: 8px;
        margin-right: 15px;
        margin-bottom: 8px;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }

    .img-small img {
        max-height: 50px;
    }




    /*NavBar*/
    .full-page{
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 1050;
        text-align: center;
        background: black;
        padding-top: 17px;
    }

    .navbar-collapse{
        margin-left: 0 !important;
        margin-right: 0 !important;
        padding-left: 0 !important;
    }

    .fix-margin-logo{
        margin-left: 30px;
        margin-bottom: 5px;
        /*margin-left: 11.5px;
        margin-top: 20px;*/
    }

    .fix-margin-burger{
        margin-right: 45px;
    }

    .soft-collapse{
        display: none !important;
    }

}