@charset "utf-8";
.contact{
	display: flex;
	justify-content: space-around;
	align-items: center;
	padding: 2.5rem 0;
	margin: 150px;
	/* border-bottom: 1px dashed #5f5553; */
}
.contact .contact-card{
	background-color: #222;
	width: 80rem;
	height:600px;
	border-radius:10px 10px;
}

.contact .contact-card .contact-name{
	font-size: 2rem;
	text-align: center;
	color:#fff;
	margin:10px;
	padding:30px;
	border-bottom:1px solid  #333;
}
.contact .contact-card .contact-name:after{
	
	font-size: 1.2rem;
}

.contact-home{
	display: grid;
	grid-template-columns: 65% 35%;
	grid-template-rows: 500px;
}
.contact-info{
	margin:5px auto;
}
.contact-info p{
	color:#fff;
	font-size:1.2rem;
	line-height:40px;
}
.contact-info span{
	color:#ddd;
	font-size:1.2rem;
}


.contact .contact-images{
	display: block;
	flex-direction: column;	
	padding:10px auto;
	margin:0 auto;
}
.contact .contact-images p{
	text-align: center;
	color:#fff;
	margin:10px;
	font-size:1rem;
}
.contact .contact-images:before{
	color: #5f5553;
	font-size: 1rem;
	text-align: center;
	padding-top: 0.5rem;
}

.contact .contact-images img{
	height:200px;
	width:200px;
    margin:10px auto;
}