img.myresponsive {
    border: none;
    height: auto;
    max-width: 100% !important;
    width: auto !important;
}

div.loginBox {
    position: absolute;
    top: 215px; right: 125px;
    color: #ffffff;
    font-family: Frutiger;
}

div.loginBox .fieldBox, div.loginBox .fieldBox2 {
    width: 340px; height: 50px;
    background-color: #F3606D;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    border: 1px solid #FABAC0;
    line-height: 50px;
    text-align: left;
}

div.loginBox .buttonBox, div.loginBox .fieldBox3 {
    width: 340px; height: 50px;
    font-size: 14px;
    font-weight: 400;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
}

div.loginBox .fieldBox3 {
    text-align: left;
    font-family: Garamond, serif;
    font-size: 1.2em;
    margin-top: 25px;
    border-top: dotted 1px #ffffff;
}

div.loginBox .fieldBox2 {
    border-width: 0px;
}

div.loginBox .fieldBox .username {
    background: url("../img/icon_username.png") center center no-repeat;
    width: 35px; height: 50px;
    margin: 0 20px;
}

div.loginBox .fieldBox .password {
    background: url("../img/icon_password.png") center center no-repeat;
    width: 35px; height: 50px;
    margin: 0 20px;
}

div.loginBox .fieldBox input {
    padding: 0; border: 0;
    background-color: transparent;
    width: 252px;
    outline: none;
}

div.loginBox .fieldBox input::-webkit-input-placeholder {
    color: #ffffff;
}

div.loginBox .fieldBox input:-moz-placeholder { /* Firefox 18- */
    color: #ffffff;
}

div.loginBox .fieldBox input::-moz-placeholder {  /* Firefox 19+ */
    color: #ffffff;
}

div.loginBox .fieldBox input:-ms-input-placeholder {
    color: #ffffff;
}

input.loginButton {
    margin-top: 10px;
    background-color: #68737A;
    width: 340px; height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 14px 0px rgba(0,0,0,0.75);
    border: none;
}

/* tablet */
@media only screen and (min-width: 465px) and (max-width: 768px) {
    div.loginBox {
        position: absolute;
        top: 250px; left: 0;
        bottom: 0; right: 0;
    }

    div.loginBox .fieldBox, div.loginBox .fieldBox2, div.loginBox .buttonBox, div.loginBox .fieldBox3 {
        margin: auto;
    }

    div.loginBox .fieldBox3 {
        text-align: left;
        font-family: Garamond, serif;
        font-size: 1.2em;
        margin-top: 25px;
        border-top: dotted 1px #ffffff;
    }

}

@media only screen and (max-width: 465px) {
    div.loginBox {
        position: absolute;
        top: 165px; left: 0;
        bottom: 0; right: 0;
    }

    div.loginBox .fieldBox, div.loginBox .fieldBox2, div.loginBox .buttonBox, div.loginBox .fieldBox3 {
        margin: auto;
    }

    div.loginBox .fieldBox3 {
        text-align: left;
        font-family: Garamond, serif;
        font-size: 1.2em;
        margin-top: 25px;
        border-top: dotted 1px #ffffff;
    }

}