section#footer{
	background-image: url("../../images/general/header-footer-bg.jpg");
	border-top: solid 2px #233b4c;
	bottom: -150px;
	font-family: "Gotham-Medium";
	min-height: 132px;
	position: absolute;
	width: 100%;
}

body#homepage section#footer,
body#available_spaces section#footer{
	bottom: 0;
}

section#footer>footer,
section#footer>footer a{
	color: #fff;
}

section#footer>footer{
	background-color: rgb(0,0,0);
	background-color: rgba(0,0,0, 0.8);
	height: 100%;
}

section#footer>footer>*{
	display: inline-block;
	vertical-align: top;
	width: 20%;
}

section#footer>footer>a {
    margin-top: 3.2%;
    margin-left: 3.2%;
    max-width: 180px;
    width: 14.5%;
}
section#footer>footer>a>img{
	width: 100%;
}

section#footer>footer>nav>h6{
	margin-top: 5%;
}

section#footer>footer>nav{
	margin-left: 1%;
	padding-top: 29px;
	width: 59.2%;
}

section#footer>footer>nav>ul>li{
	display: inline-block;
	font-size: 0.7em;
	margin: 0 1.3%;
}

section#footer>footer>nav>ul>li a{
	text-shadow: 2px 2px 0 #000;
}

section#footer>footer>nav>h6>a{
	color: #89be1c;
}

section#footer>footer>nav>h6>a:hover{
	text-decoration: underline;
}

section#footer>footer>nav>ul>li a:hover{
	text-decoration: underline;
}

section#footer>footer>.contact_info>h4{
	font-size: 1.5em;
	margin-top: 26px;
	margin-bottom: 0;
}

section#footer>footer>.contact_info>h5 {
    margin-top: 9px;
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) vertical-alignd (max-width: 1439px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 1439px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 1439px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 1439px),
		all and (                min-resolution: 96dpi ) and (max-width: 1439px){
/*@media all and (max-width: 1439px){*/
	
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 1280px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 1280px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 1280px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 1280px),
		all and (                min-resolution: 96dpi ) and (max-width: 1280px){
/*@media all and (max-width: 1280px){*/
	
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 1024px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 1024px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 1024px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 1024px),
		all and (                min-resolution: 96dpi ) and (max-width: 1024px){
/*@media all and (max-width: 1024px){*/
	section#footer>footer>.contact_info>h4{
		font-size: 1.3em;
	}

	section#footer>footer>.contact_info>h5 {
	    font-size: 0.8em;
	}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 800px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 800px),
		all and (                min-resolution: 96dpi ) and (max-width: 800px){
/*@media all and (max-width: 800px){*/
	section#footer{
		height: 142px;
	
		position: static;
}
	section#footer>footer>.contact_info>h4{
		font-size: 1.2em;
	}

	section#footer>footer>.contact_info>h5 {
	    font-size: 0.7em;
	}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 640px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (                min-resolution: 96dpi ) and (max-width: 640px),
		all and (-webkit-min-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (   min--moz-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (     -o-min-device-pixel-ratio: 2/1   ) and (max-width: 1280px), 
		all and (        min-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (                min-resolution: 192dpi) and (max-width: 1280px){
	section#footer>footer>nav{
		display: none;
	}
		
	/*@media all and (max-width: 640px){*/
	section#footer>footer>a{
		width: 80%;
	}
	section#footer{
		height: 152px;
	}
	section#footer>footer>.contact_info>h4{
		font-size: 1.1em;
	}

	section#footer>footer>.contact_info>h5 {
	    font-size: 0.6em;
	}
}

@media  all and (-webkit-min-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (   min--moz-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (     -o-min-device-pixel-ratio: 2/1   ) and (max-width: 1280px), 
		all and (        min-device-pixel-ratio: 2     ) and (max-width: 1280px),
		all and (                min-resolution: 192dpi) and (max-width: 1280px){
	section#footer>footer>.contact_info>h4{
		font-size: 1.3em;
	}

	section#footer>footer>.contact_info>h5 {
	    font-size: 0.8em;
	}

	section#footer{
		height: 200px;
	}

	section#footer>footer{
		font-size: 1.5em;
		text-align: center;
	}

	section#footer>footer>*{
		width: 50%;
	}

	section#footer>footer>a{
		margin: 0;
		margin-left: 10%;
		margin-top: 3%;
		max-width: none;
		width: 30%;
	}
}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 480px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 480px),
		all and (                min-resolution: 96dpi ) and (max-width: 480px){
/*@media all and (max-width: 480px){*/
	section#footer{
		height: auto;
		text-align: center;
	}

	section#footer>footer>*,
	section#footer>footer>nav{
		width: 99%;
	}
	section#footer>footer>img{
		display: block;
		margin: 0 auto;
		width: 50%;
	}

}

@media 	all and (-webkit-min-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (   min--moz-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (     -o-min-device-pixel-ratio: 1/1   ) and (max-width: 640px), 
		all and (        min-device-pixel-ratio: 1     ) and (max-width: 640px),
		all and (                min-resolution: 96dpi ) and (max-width: 640px){
/*@media all and (max-width: 640px){*/
	section#footer>footer>nav{
		width: 45%;
	}
}