@import url('https://fonts.googleapis.com/css?family=Roboto:300,400');

::-webkit-input-placeholder {
  	color: #AFAFAF;
	font-size: 20px;
}
::-moz-placeholder {
  	color: #AFAFAF;
	font-size: 20px;
}
:-ms-input-placeholder {
  	color: #AFAFAF;
	font-size: 20px;
}
:-moz-placeholder {
  	color: #AFAFAF;
	font-size: 20px;
}

body {
	font-family: 'Roboto', sans-serif;
	font-weight: lightery;
	background-image: url('../img/login_bg.png');
	background-position: center center;
	background-repeat:  no-repeat;
	background-attachment: fixed;
	background-size:  cover;
}

.text-white {
	color: #fff;
}

#logo {
	margin-top: 5%;
	display: inline-block;
}

#form {
	margin-top: 10px;
}

#form input[type="text"],
#form input[type="email"],
#form input[type="password"] {
	background: #fff;
    background: -webkit-linear-gradient(#fff, #fffdfc);
    background: -o-linear-gradient(#fff, #fffdfc);
    background: -moz-linear-gradient(#fff, #fffdfc);
    background: linear-gradient(#fff, #fffdfc);
    height: 50px;
    max-width: 315px;
    border: none;
    border-right: 10px;
    display: inline-block;
    padding-left: 25px;
    margin-bottom: 25px;
}
#form button {
	height: 50px;
	max-width: 315px;
	border: none;
	background: #262624;
	color: #fff;
	font-size: 20px;
	display: inline-block;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#form button[type="submit"]:hover {
	background: #181816;
}
@media all and (max-width: 768px) {
	body {
		background-image: url('../img/login_bg_mobile_lg.png');
	}
}
@media all and (max-width: 485px) {
	body {
		background-image: url('../img/login_bg_mobile_sm.png');
	}
}