body {
	background-color: #fffcdd;
}

.img-icon {
	max-width: 90px;
}

.grow img { transition: all .3s ease-in-out; }
.grow:hover img { transform: scale(1.15); }


header {
	height: 150px;
	text-align: center;
	padding: 20px;
}

header .img-logo {
	height: 100%;
}

section.content {

	background-image: url('../img/BG-CITY-HALL.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top center;
	padding-top: 50px;
	position: relative;
	height: calc(100vh - 250px);
}


.mayor-content {
	position: absolute;
	bottom: 0;
	right: 100;
}

.mayor-content img {
	width: 100%;
}

.mayor-lg {
	width: 300px;
	position: relative;
}

.mayor-lg .mayor-name {
	position: absolute;
	bottom: 20px;
	left: 0;
}




footer {
	height: 50px;
	background-image: url('../img/FOOTER-IMG.png');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;

	
}

footer .img-footer {
	height: 50px;
	display: inline;
}

footer span {
	font-size: 16px;
	color: #fff;
	line-height: 50px;
	vertical-align: middle;
}


	

@media (min-width: 768px) {



	header {
		height: 200px;
	}
	section.content {
		
	}
	footer {
		margin-top: 0;
	}

	
}


@media (max-width: 767.98px) {
	.img-icon {
		max-width: 70px;
	}

	 .img-mayor {
	 	width: 50%;
	 }

	footer span {
		line-height: 16px;
	}

	
}



@media (max-width: 575.98px) {

	footer span {
		font-size: 10px;
	}

}