.page-content {
    background: #fff;
    padding: 55px 0 100px 0;
}

h1 {
    margin: 0;
    padding: 20px 0;
    text-transform: uppercase;
    font-weight: bold;
}


.agents-log {
    background: #ecf0f1;
    width: 40%;
    border-radius: 6px;
    margin: 10px auto;
    padding: 25px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2),0 1px 1px 0 rgba(0,0,0,0.14),0 2px 1px -1px rgba(0,0,0,0.12);
}


.agents-log input {
    height: 45px;
    width: 85%;
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 15px;
    margin: 5px auto;
}

.agents-log .logBTN {
    height: 43px;
    width: 85%;
    margin: 5px auto;
    text-transform: uppercase;
    background: #ef4136;
}

@media only screen 
and (min-width : 320px) 
and (max-width : 1024px) { 

    .agents-log {
        width: 90%;
    }

    .page-content {
        background: #fff;
        padding: 35px 0 50px 0;
    }

}


@media only screen 
and (min-width : 768px) 
and (max-width : 1025px) {

    .page-content {
        min-height: 80vh;
    }

}