* {
    font-family: 'Cairo', sans-serif;
}
html {
    height:100%;
}
body {
    height:100%;display: flex;align-items: center;justify-content: center;
}
a, h1.logo span {
    color: #28a745;
}
.comps img {
    filter: brightness(0) invert(1);
    max-height: 80px;

}
.comps div {
    padding:1rem 2rem
}

#the-form {
    min-width: 360px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 40px;
}

form {
    width: 100%;
    max-width: 360px;
    padding: 15px;
    margin: auto;
    border-radius: 10px;
}
.form-control {
    margin-bottom: .5rem;
}
@media only screen and (min-width: 600px) {
    form {
        -webkit-box-shadow: 0px 0px 15px 5px rgba(100,100,100,.5);
        box-shadow: 0px 0px 15px 5px rgba(100,100,100,.5);
        background-color: rgba(255,255,255,.5);

    }
}