@media (max-width: 576px) {
	#wrapper {
		width: 100%;
	}
	.logo img {
		width: 170px !important;
		margin: 0 auto 10px auto;
	}
	.top-contact {
		text-align: center;
	}
	.top-contact p {
		font-size: 16px;
	}
	.top-social {
		text-align: center;
	}
	.caption h1 {
		text-align: center;
		margin-bottom: 20px;
	}
	.welcome {
		margin-bottom: 20px;
	}
	.pic-btn {
		margin-bottom: 20px;
	}
}

@media (min-width: 577px) and (max-width: 768px) {
	#wrapper {
		width: 100%;
	}
	.logo img {
		width: 170px !important;
		margin-bottom: 10px;
	}
	.top-contact {
		text-align: center;
	}
	.top-contact p {
		font-size: 16px;
	}
	.top-social {
		text-align: center;
	}
	.caption h1 {
		text-align: center;
		margin-bottom: 20px;
	}
	.welcome {
		margin-bottom: 20px;
	}
	.pic-btn {
		margin-bottom: 20px;
	}
}