.page-content {
	margin-top: 150px;
}

.contact-form {
	width: 55%;
}

.form-group {
	margin-bottom: 20px;
	width: 100%;
}

.contact-content {
	width: 100%;
	height: 100vh;
	background: url("../images/cloudysky.jpg");
	background-size: 100% 100%;
	display: flex;
	align-items: center;
}

.form-control {
	width: 100%;
	height: 40px;
	border: 1px solid black;
	outline: none;
	padding: 8px 14px;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    line-height: 1.78;
    color: #555;
}

.contact-info {
	width: 45%;
	padding-left: 40px;
}

textarea {
	height: auto !important;
}

.submit-btn {
	transition: all .2s linear;
	padding: 10px 16px;
    font-size: 17px;
    line-height: 1.33333;
    border-radius: 0;
    border: 1px solid black;
    outline: none;
    cursor: pointer;
    background: white;
}

.submit-btn:hover {
	background: black;
	color: white;
}

.contact-info-row {
	margin-bottom: 15px;
}

.contact-info-row i {
	font-size: 16px;
}

.contact-info-row a {
	margin-left: 15px;
	color: #001aff;
}

.contact-info-row a:hover {
	text-decoration: underline;
}

@media (max-width: 768px) {
	.contact-form, .contact-info {
		width: 100%
	}

	.contact-info {
		padding-left: 0;
		margin-top: 50px;
	}
}