/*============================================================
	Tablet (Portrait) Design for a width of 768px
==============================================================*/

@media (min-width: 768px) and (max-width: 991px) {
	/* MENU */
	h1.navbar-brand {padding: 15px;}	
	.social-header{margin: 13px 0 13px -1px;}	
	.menu--prospero .menu__link {
		margin: 0 0.50em;
		padding: 0.5em 0;
	}
	.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
		margin: 22px 0;
	}
	/*	SOLUTIONS 2 */
	.complete_banner {
		height: 100%;
	}
	.text-banner{
		max-height: 320px;
	}
	.text-banner h2{
		font-size: 26px;
		font-weight: 600;
	}
	.text-banner p{
		font-size: 14px;
	}
	.button-banner-text{
		font-size: 14px;
	}
	.button-banner-text > .fa{
		font-size: 16px;
	}
	/* SOLUTIONS 3 */
	.galeria a {
		margin: 15px 0;
	}
	.grid {
		padding: 0;
		display: flex;
	}
	.grid figure {
		max-height: 240px;
	}
	.grid figure p {
		font-size: 50%;
		margin: 30px 0 0 0;
	}
	.grid figure h2 {
		font-size: 28px;
	}
	/* Roxy */
	figure.effect-roxy h2 {
		padding: 36% 0 10px 0;
	}
	figure.effect-roxy figcaption {
		padding: 1.8em 2.2em;
	}
	figure.effect-roxy figcaption::before {
		top: 24px;
		right: 24px;
		bottom: 24px;
		left: 24px;
	}
	.footer-item {
		text-align: center;
		padding: 10px 0 10px 0;
		min-height: 100px;
	}
	.footer-item ul {
		list-style-type: none;
		margin: 0!important;
        padding: 15px 0 15px 0;
	}
	.footer-content p {
		padding: 0 15px 0 15px;
	}
	.footer-item h1::after {
		width: auto;
		margin: 6px 46%
	}
	.footer-social a {
		display: inline-flex;
		float: none;
	}
	.margin_facebook_footer{
		margin-left: 0!important;
	}
	.footer-data {
		height: auto;
	}
	.footer-data i {
		display: none !important;
	}
	.footer-data a {
		padding: 10px 0 0px 0;
	}
	.copyright{
		text-align: center;
	}
	.dev-by {
		margin-top: 8px;
		text-align: center;
	}
}