section#main.our_spots{
	margin-top: 4.1%;
	max-width: 1000px;
}

section#main.our_spots>a>article{
	background-size: cover;	
	background-position: center;
	width: 99%;
}

section#main.our_spots>a>article>div{
	background-color: rgba(255,255,255, 0.5);
	border: solid 1px #464646;
	border-radius: 2px;
	font-family: "Gotham-Medium";
	margin-bottom: 3.6%;
	width: 100%;
}

section#main.our_spots>a>article>div>h3{
	color: #313131;
	font-size: 1.9em;
	margin: 0;
	padding-top: 3.2%;
	text-align: center;
	text-transform: uppercase;
}

section#main.our_spots>a>article>div>span{
	background-color: #fff;
	border: solid 1px #9d9d9d;
	border-radius: 5px;
	color: #3B4B56;
	display: block;
	font-size: 1.5em;
	font-weight: bold;
	height: 53px;
	line-height: 53px;
	margin: 3.1% auto 2.3% auto;
	text-align: center;
	width: 34%;
}

section#main.our_spots>a>article>div>span:hover{
	background-color: #eee;
}

section#main.our_spots>a>article>div>footer{
	background-color: rgb(42,82,107);
	background-color: rgba(42,82,107, 0.9);
	background-image: url("../../images/general/c.png");
	background-repeat: no-repeat;
	background-size: 10% auto;
	background-position: 1% 50%;
	color: #fff;
	padding: 2% 0 1.9% 0;
	position: relative;
	width: 100%;
}

section#main.our_spots>a:hover>article>div>footer{
	background-color: rgb(141, 198, 33);
	background-color: rgba(141, 198, 33, 0.9);
}

section#main.our_spots>a:hover>article>div>footer .blue{
	color: #fff;
}

section#main.our_spots>a>article>div>footer>*{
	display: inline-block;
}

section#main.our_spots>a>article>div>footer>h4{
	font-size: 2.7em;
	margin: 0;
	padding-left: 10%;
}

section#main.our_spots>a>article>div>footer>h5{
	font-size: 1.2em;
	font-weight: normal;
	margin: 0;
	position: absolute;
	right: 1%;
	top: 21%;
}


@media all and (max-width: 1023px){
	section#main.our_spots>a>article>div>span{
		font-size: 1.3em;
	}
}

@media all and (max-width: 800px){
	section#main.our_spots>a>article>div>span{
		font-size: 1em;
	}
	section#main.our_spots>a>article>div>footer>h4{
		display: block;
		font-size: 1.8em;
		text-align: center;
		padding: 0;
	}
	section#main.our_spots>a>article>div>footer>h5{
		display: block;
		position: static;
		text-align: center;
	}
}

@media all and (max-width: 640px){
	section#main.our_spots>a>article>div>span{
		font-size: 0.7em;
	}
	section#main.our_spots>a>article>div>h3{
		font-size: 1.3em;
	}
}

@media all and (max-width: 480px){
	section#main.our_spots>a>article>div>span{
		margin-left: 5%;
		width: 90%;
	}
}

@media all and (max-width: 320px){
}

@media all and (max-width: 240px){
}