html,
body {
    font-family: 'Lato', sans-serif;
}

header {
    height: 640px;
    background: #333333 url('../images/guest/bg.jpg') center no-repeat;
    background-size: cover;
}

#login-form {
    min-width: 300px;
}

.login-window {
    padding: .25rem 2rem;
    border-radius: .5rem;
    transition-duration: .3s;
}

.login-window:hover,
.login-window:active {
    background: rgba(255, 255, 255, .3);
}

#login-form {
    color: #EEE;
}

#login-form a:hover {
    color: #1183e4;
}

.navbar-inverse .navbar-nav .nav-link {
    color: #FFF;
}

nav {
    z-index: 1000;
}

#logo-big {
   display:block;
    right: 10%;
    margin: 60px auto;
    top: 100px;

}

#lead {
    font-weight: 700;
    font-size: 2.25rem;
}

.row-logos {
    border-top: 1px solid #f6f6f6;
    border-bottom: 1px solid #f6f6f6;

    background: #F9F9F9 url('../images/guest/bg-logos.png') repeat;
}

.row-logos img {
    max-width: 100%;
}
.row-logos .lrow {
    width: 100%;
    text-align: center;
}
.row-logos .lcol {
    display: inline-block;
    margin: 2rem;
}

#modalLeagues ul {
    list-style: none;
}

#modalLeagues ul li {
    width: 50%;
    float: left;
}

#page-footer {
    color: #686767;
}

.g-recaptcha .has-danger {
    border: 1px solid #d9534f;
}


@media (max-width: 991px) {
    #login-window {
        margin-right: 80px;
    }

    #modalLeagues ul li {
        width: auto;
        float: none;
    }

}

@media (max-width: 630px) {
    #logo-big {
        float: none;
        width: 80%;
        top: 250px;
    }
}

@media (max-width: 575px) {
    #logo-big {
        margin-top: 0;
    }
}

@media (min-width: 992px){
    .navbar-toggleable-md .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }
}

@media (min-width: 1260px){
    #login-window {
        position: absolute;
        top: .5rem;
        right: 0;
    }
}

.hiring-reff img {width: 100%;}