* {
    font-family: 'Source Sans Pro', sans-serif;
}
.imglogo{
    width:30%;
    max-width: 100%;
    height: auto;
}
.imgpoltek{
    width:40%;
    max-width: 100%;
    height: auto;
}
.cover{
    position: relative;
    min-height: 350px;
    background: url("../images/login-page/banner.webp") no-repeat ;
    background-size: contain;
    margin-top: 100px;
}
.mt-n5c{
    margin-top: -5rem;
}
.title{
    font-size: 30px;
    font-weight: bold;
    line-height: normal;
    color: #2d2f3a;
}
.sub-title {
    font-size: 15px;
    font-weight: 600;
    line-height: normal;
    color: #2d2f3a;
}
.label {
    opacity: 0.8;
    font-size: 16px;
    line-height: normal;
    color: #737580;
}
.input{
    display:inline-block;
    height:30px;
    font-size:16px;
    width:250px;
    border:1px solid  #ccc;
    border-width:0px 0px 1px 0px;
    padding:0px 5px;  
    outline:none;
}
.inputph {
    font-size: 16px;
    color: #737580;
    width:100%;
}
.input:hover, .input:focus,
.input:hover + .right,
.input:focus + .right {
    border-color:#4ab5d9;
}
.labelblue {
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    color: #2c5fb8;
}
.btnblue {
    width: 100%;
    height: 60px;
    background-color: #1a4a9b;
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}
/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap */

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .cover{
        min-height: 350px;
    }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .cover{
        min-height: 350px;
    }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .cover{
        min-height: 350px;
    }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
    .cover{
        min-height: 560px;
    }
}