body{
	font-family: 'Roboto Condensed', sans-serif;
}
p{
	color:white;
	letter-spacing: -.5px;
    text-align: center;
    font-size: 1rem;
}

p:first-child{
	width:60%;
}

#login{
	width:40%;
	background: #00000087;
}

#login img{
	margin: 15px auto;
	width: 200px;
}

#login input{
	background:#d6d6d6;
}

#login .icon{
	width: 20px;
    margin: auto;
    float: right;
}

#login a{
	color: white;
    font-size: 0.55rem;
}
#login-container{
	height:750px;
}

#login button, a.btn{
	background: white;
    font-size: .8rem !important;
    font-weight: 900;
	color:black !important;
}

.modal a.close-modal {
    top: 0.5px !important;
    right: 2.5px !important; 
}

@media (max-width: 1025px) {
	#login-container {
		height: 665px;
	}
	#login {
		width: 50%;
	}
}

@media (max-width: 800px) {
	#login-container {
		height: 670px;
	}
	#login {
		width: 60%;
	}
}

@media (max-width: 600px) {
	#login {
		width: 90%;
	}
}