@font-face {
    font-family: NeoSansStd-Light;
    src: url("../fonts/Neo-Sans-Std-Light.otf'") format("opentype");
}

@font-face {
    font-family: NeoSansStd-Bold;
    font-weight: bold;
    src: url("../fonts/Neo-Sans-Std-Bold.otf") format("opentype");
}


#hero {
    /* The image used */
    background-image: url('../img/background-login.jpg');
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
    position: relative;
    top: 0;
    bottom: 0;
    height: 180vh;
    z-index: 1;
    background-color: rgba(49, 118, 234,0.8);

}

#hero-overlay {
    position: absolute;
    /*background-color: #3176EA;*/
    background-color: rgba(49, 118, 234,0.8);
    top: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
}

/* Input: */
.input-mkw {
    background-color: rgba(49, 118, 234,0.8);
    border-color: rgba(49, 118, 234,0.8);
    border-radius: 4px;
    /* Your Name: */
    font-family: NeoSansStd-Light;
    font-size: 14px;
    color: white;
    letter-spacing: 0;
    opacity:1;
}

.submit-mkw {
    /* Background: */
    background: #276CF2;
    border-radius: 40px;
    /* CREATE ACCOUNT: */
    font-family: NeoSansStd-Light;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 2px;
    line-height: 10px;
    padding-left: 20px;
    padding-right: 20px;

}

.input-mkw::-webkit-input-placeholder,
#password::-webkit-input-placeholder
{
    color:    #FFFFFF;
}

.input-mkw:-moz-placeholder,
#password:-moz-placeholder
{
    color:    #FFFFFF;
}

.input-mkw::-moz-placeholder,
#password::-moz-placeholder
{
    color:    #FFFFFF;
}

.input-mkw:-ms-input-placeholder,
#password:-ms-input-placeholder
{
    color:    #FFFFFF;
}