/*-------------------*/
div.harassmentmainvis {
	position: relative;
}

div.harassmentmainvis h1 {
	position: absolute;
	top:65%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	color: #FFF;
	font-size: 36px;
	margin: 0;
	padding: 0;
}

div.harassmentmainvis img {
	width:100%;
	padding-top:150px;
}

div.harassmentmain {
	width:80%;
	margin:0 auto;
}

div.harassmentmain h2 {
	background-color:#00B2EA;
	color:#FFF;
	font-size:22px;
	text-align:left;
	padding:5px 0px 5px 20px;
	margin-bottom:20px;
}

div.harassmentmain p {
	padding:0 20px;
	margin-bottom:50px;
}

div.harassmentmain div.inquirydesk {
	width:50%;
	border:3px solid #CCCCCC;
	margin:20px auto 50px;
	padding:20px;
	text-align:center;
}

div.harassmentmain div.inquirydesk h3 {
	font-size:18px;
	margin-bottom:20px;
}

div.harassmentmain div.inquirydesk p {
	font-weight:600;
	margin-bottom:0;
}


/*-------------------*/

@media screen and (max-width: 980px) {
	div.harassmentmainvis h1 {
		width:90%;
		font-size: 28px;
		margin: 0;
		padding: 0;
		text-align:center;
	}
	
	div.harassmentmain {
		width:100%;
	}
	div.harassmentmain h2 {
		font-size:18px;
		padding:5px 0px 5px 10px;
	}
	div.harassmentmain p {
		padding:0 10px;
		margin-bottom:50px;
	}
	div.harassmentmain div.inquirydesk {
		width:90%;
		margin:0 auto 40px;
		padding:10px;
	}
	div.harassmentmain div.inquirydesk h3 {
		font-size:16px;
	}
}