@media (min-width: 768px) {
    .middle-box h1 {
        font-size: 117px;
    }

    .logo-name {
        margin-left: -15px;
        margin-bottom: 30px;
    }
}

@media (max-width: 767px) {
    .middle-box h1 {
        font-size: 80px;
    }

    .logo-name {
        margin-left: -15px;
        margin-top: 60px;
        margin-bottom: 30px;
    }
}

@media (max-width: 320px) {
    .middle-box h1 {
        font-size: 80px;
    }

    .logo-name {
        margin-left: -15px;
        margin-top: 40px;
        margin-bottom: 30px;
    }
}

.loginscreen.middle-box {
    width: 315px;
}
.single-line:focus {
  border-color: #00b7e5;
}

.btn-primary{
    background-color: #00b7e5;
    border-color: #00b7e5;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary,
.btn-primary:active:focus,
.btn-primary:active:hover,
.btn-primary.active:hover,
.btn-primary.active:focus {
  background-color: #00b7e5;
  border-color: #00b7e5;
  color: #FFFFFF;
}