body, h1, h2, h3, h4, h5, h6, ol, ul, li, p, input, select, textarea, label {
    font-family: 'Lato', sans-serif;
    color: #fff;
}

.top-header {
    background: url('../img/veltuff-topmenu.png');
    height: 8em;
    width: 100%;
    top: 0;
}

    .top-header .images 
    {
        display: inline-block;
        padding-top: 1em;
    }

    .top-header .images img {
        padding-left: 1em;
    }

    .top-header .contact {
        padding-right: 0px;
        padding-left: 0px;
    }

    .top-header .contact .btn {        
        float: right;
        height: 100%;
    }

    .top-header .contact .btn .glyphicon {
        padding-right:10px;
    }

.masthead {
    position: absolute;
}

.overlay {
    background-color: rgba(0,0,0,.4) !important;
    position: relative;
}

.form-box {
    background: url('../img/veltuff-loginbox.png');
    margin-top: 2em;
    margin-bottom: 2em;
}

.lines-box {
    margin-top: 8em;
    
}

    .lines-box:before,
    .lines-box:after {
        content: '';
        display: inline-block;
        width: calc(640/18*1rem);
        border-top: 2px solid #ccdc00;
    }

    .form-box .form-top {
        background: inherit;
        color: #ffffff !important;        
    }

        .form-box .form-top .form-top-left {
            padding-top: 6em;
        }
        .form-box .form-top .form-top-left h3 {
            font-size:1.8em;
        }

        .form-box .form-top .glyphicons-keys {
            background: inherit;
            color: #ffffff !important;
            opacity:0.6;
        }

    .form-box .form-bottom {
        background: inherit;
        color: #ffffff !important;
        padding:0px 25px 30px 25px;
    }

h3 {
    color: #d2f000;
}

.help-block {
    color:#fff;
}

button.btn {
    background: #d2f000;
    color: #000;
}

    button.btn:active,
    button.btn:focus,
    button.btn:hover,
    button.btn:active:focus, 
    button.btn.active:focus {
        background: #d2f000;
        color: #000;
    }

.user-valid::after {
    color: #d2f000;
}

.glyphicons-arrow-left:hover,
span.glyphicons-arrow-left,
a 
{
    color: #d2f000;
}

    a:hover, a:focus {
        color: #d2f000;
    }

.loader:before {
    background-color: #d2f000;
}

::-moz-selection {
    background: #d2f000;
}

::selection {
    background: #d2f000;
}

.equal {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    height: 8em;
}


@media (min-width: 992px) and (max-width: 1199px) {
}

@media (min-width: 768px) and (max-width: 991px) {
    
}

@media (max-width: 767px) {
    .top-header {
        height:10em;
    }
    .top-header .images 
    {
        margin-bottom:10px;
    }

    .lines-box {
        
    }
}

@media (max-width: 415px) {

    h1, h2 {
        font-size: 32px;
    }
}