body {
    font-family: Montserrat;
    background-image: url("img/bkg.png");
    background-color: #080e18;
    background-position: top center;
    background-attachment: fixed;
}
.container {
    margin: 0 auto;
}
.middle {
    padding-top: 400px;
    margin: 0 auto;
    text-align: center;
}
.logo {
    text-align: center;
    color: #dfe1e4;
}
.logo p {
    letter-spacing: 7px;
    font-size: 10px;
    margin-top: 15px;
}
.message {
    padding-top: 50px;
}
.message p {
    color: #5179b5;
    padding-bottom: 15px;
}
.input-grp input {
    color: #586c8b;
    font-family: Montserrat;
    border: none;
    border-radius: 16px;
    height: 30px;
    width: 285px;
    background-color: #0b1423;
    padding: 5px 45px 5px 15px;
}
.input-grp input:focus {
    border: 1px solid #586c8b;
    border-radius: 16px;
    outline: none;
}
.input-grp button {
    color: #0d172c;
    font-weight: 700;
    font-family: Montserrat;
    width: 120px;
    height: 40px;
    margin-left: -40px;
    border-radius: 15px;
    border: none;
    background-color: #9fabeb;
	margin-top: 15px;
}
.footer {
    margin-top: 100px;
    color: #1F2F58;
}
::-webkit-input-placeholder {color:#586c8b;}
::-moz-placeholder          {color:#586c8b;}/* Firefox 19+ */
:-moz-placeholder           {color:#586c8b;}/* Firefox 18- */
:-ms-input-placeholder      {color:#586c8b;}
@media (min-width: 200px) and (max-width: 650px) {
    body {
        background-position: center 35%;
    }
    .middle {
        padding-top: 200px;
    }
}
@media (min-width: 650px) and (max-width: 800px) {
    body {
        background-position: center 30%;
    }
    .middle {
        padding-top: 300px;
    }
}