.contact{
	width: 80%;
	display: inline-grid;
	position: absolute;
	background-color:#AFAFAF;
	background: url( "img/wbox3.jpg");
	background-position: center;
	background-repeat: repeat-y repeat-x;
	z-index: 5;
	top: 20%;
	left: 10%;
	margin-bottom: 20%;
	box-shadow: 5px 20px  15px black;
	font-weight: bold;
	font-family: 'Exo', sans-serif;
	grid-template-columns: calc(50% - 30px) calc(50% - 30px);
	}
.contact h2{
	text-align: left;
	color:#fff;
	text-shadow: 2px 2px 5px black;
	margin-left: 5%;
	margin-right: 5%;
}
.contact hr{
	width: 90%;
}
.contact p{
	text-align: left;
	margin-left: 5%;
	margin-right: 5%;
	color:#ffcc00;
	text-shadow: 2px 2px 5px black;
}

#photo{position: absolute;
       height: 70%;
	   right: 0px;
	   margin-left: 5%;
	   margin-right: 5%;
       margin-top: 3%;
       margin-bottom: 20%;
}

#tel1{color: #FFFFFF;}
#tel2{color: #FFFFFF;}
#mail{color: #FFFFFF; margin-bottom: 60px;}

@media (max-width:980px){
	.contact{grid-template-columns: calc(100% - 0px);margin-bottom: 20%; height: auto;}
	#photo{display: block; position: inherit; width: 90%;height: auto;}
}