/* CSS RODAPÉ *******/
footer {
	position: relative;
	bottom: 0;
	width: 100%;
	background-color: #111B28;
	border-top: 1px solid black;
}
.footer-container{
	height: 50px;
  	padding: 15px 7.5% !important;
  	margin: 0px !important;  
}

/* direitos reservados */
.info-footer{
  	font-size: 10pt;
  	color: #9ea3a8;
  	margin-top: -27px;
}

/* links para redes sociais */
.social-links{
	margin-top: -2px;
}
.social-links a{
	padding: 0px 25px;
}
.social-links a:hover{
	text-decoration: none;
}
.social-icon{
	display: inline-block;
	height: 24px;
	width: 35px;
	background-size: auto 100%;
	background-position: center;
	background-repeat: no-repeat;
	cursor: pointer;
}
.social-icon:hover{
	opacity: .5;
}

/* ícones */
.fb-icon{
	background-image: url('../images/icons/fb.png');
}

.gp-icon{
	background-image: url('../images/icons/gplus.png');
}

.yt-icon{
	background-image: url('../images/icons/yt.png');
}

/* Layout responsivo */
/* ======  min-width: 768px =============================================*/
@media only screen and (max-width: 991px){
	.social-links{
		margin-top: -5px;
		text-align: right !important;
	}
	.social-links a{
		padding: 0px 10px;
	}
}
/* ======  min-width: 480px =============================================*/
@media only screen and (max-width: 767px){
	.social-links{
		margin-top: -5px;
	}
}
/* ======  min-width: 320px =============================================*/
@media only screen and (max-width: 479px){
	.container-footer{
		height: 100px;
	}
	.social-links{
		margin-top: 5px;
		text-align: center !important;
	}
	.info-footer{
	    width: 100%;
        text-align: center;
		margin-top: 20px; 
        padding-bottom: 10px;
    }
}