.background {
	background-image: url('../images/bg-3.svg');
	max-width: 600px;
	background-size: 100%;
	background-color: transparent;
}
.main-logo {
	max-width: 200px;
	padding-bottom: 30px;
}
.title {
	font-weight: 500;
	color: #FFF;
	font-size: 18px;
	font-family: 'Montserrat', '400', sans-serif;
	text-transform: uppercase;
}
.btn-register {
	font-weight: bold;
    color: #46A4A6;
    background-color: #FFF;
    border-color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
	font-family: 'Montserrat', '900', sans-serif;
	display: block;
	width: 85%;
	letter-spacing: .5px;
	border-radius: 40px;
	box-shadow: -1px 5px 5px rgba(0,0,0,.4);
	height: 50px;
}
.btn-register:hover {
	text-decoration: none;
	color: #46A4A6;
}
.fab, .fas {
	font-size: 30px;
}
.icon {
	max-width: 30px;
}
.footer {
	font-weight: 500;
	color: #46A4A6;
    text-transform: uppercase;
    font-size: 18px;
	font-family: 'Montserrat', '900', sans-serif;
	letter-spacing: 1px;
	padding-top: 365px;
}

@media screen and (min-width: 601px) {
	body {
		background-image: url('../images/bg-desktop.png');
    	background-size: cover;
		background-repeat: no-repeat;
	}
	.background {
		background-color: rgba(255,255,255,.2);
		background-image: none;
		margin: 10% 0;
		border-radius: 10px;
	}
	.btn-register {
	    font-size: 16px;
	    letter-spacing: 1px;
	}
	.fab, .fas {
		font-size: 40px;
	}
	.icon {
		max-width: 40px;
	}
	.footer {
		padding-top: 125px;
	}
}