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

.photo {
	text-align: center;
	margin-top: 5rem;
}

.text {
	text-align: center;
	margin-top: 2rem;
	display: block;
	font-size: 20px;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}

.btn {
	text-decoration: none;
	text-align: center;
	display: inline-block;
	background-color: #f7f7f9;
	border-radius: 30px 30px;
	padding: 15px 40px;
	font-size: 20px;
	margin-top: 1rem;
	font-family: 'Roboto', sans-serif;
	font-weight: 500;
	color: #000;

	box-shadow: 0 15px 50px -5px #c9c9c9;

		-moz-transition: background-color 0.3s 0.1s ease;
		-o-transition: background-color 0.3s 0.1s ease;
		-webkit-transition: background-color 0.3s 0.1s ease;
}

.button {
	text-align: center;
}

.btn:hover {
	background-color: #c0c3ff;
	color: #000;
}

.social {
	text-align: center;
	margin-top: 4rem;
}

.image1 {
	padding-right: 4px; 
}

.image2 {
	padding-left: 4px; 
}