@charset "UTF-8";

section.map {
	position : relative;
	top : 40px;
	z-index : 10;
	}

div#map {
	position : relative;
	width : 100%;
	min-height : 480px;
	}

section.map > div > h6 {
	position : relative;
	padding : 0 0 40px 0;
	margin : 0;
	text-align : center;
	}
	
section.map > div > h6::before {
	position : absolute;
	bottom : 12px;
	left : calc(50% - 20px);
	z-index : 10;
	width : 40px;
	height : 10px;
	background-color : rgba(225, 100, 40, 1);
	content : "";
	}

@media only screen and (min-width : 1441px) {
	div#map { margin-top : 30px; }
	section.map > div { padding : 20px 0 0 0; }
	section.map > div > h6 { font: normal 72px/72px "Headers", sans-serif; }
	}
	
@media only screen and (min-width : 1281px) and (max-width : 1440px) {
	div#map { margin-top : 25px; }
	section.map > div { padding : 10px 0 0 0; }
	section.map > div > h6 { font: normal 63px/63px "Headers", sans-serif; }
	}
	
@media only screen and (min-width : 961px) and (max-width : 1280px) {
	div#map { margin-top : 20px; }
	section.map > div { padding : 0; }
	section.map > div > h6 { font: normal 54px/54px "Headers", sans-serif; }
	}
	
@media only screen and (min-width : 481px) and (max-width : 960px) {
	div#map { margin-top : 15px; }
	section.map > div { padding : 0; }
	section.map > div > h6 { font : normal 45px/45px "Headers", Arial, sans-serif; }
	}
	
@media only screen and (max-width : 480px) {
	div#map { margin-top : 10px; }
	section.map > div { padding : 0; }
	section.map > div > h6 { font : normal 36px/36px "Headers", Arial, sans-serif; }
	}