/* Extra small devices (phones, less than 768px) */
/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-xs-min) {

}

/* Small devices (tablets, 768px and up) */
@media (min-width: @screen-sm-min) { 

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: @screen-md-min) {
	
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: @screen-lg-min) {
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px) and (max-device-width : 480px) {
	/* Styles */
	#mobile-checker { 
		display: none; 
	}
}
 
/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) {
	/* Styles */
	#mobile-checker { 
		display: none; 
	}	
}
 
/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
	/* Styles */
	#mobile-checker { 
		display: none; 
	}
}
/* Smartphones Large (portrait) ----------- */
@media (max-width: 767px) {
	header {
		top: 0px;
	}

	.intro-box {
		max-width: 91%;
	}
	
    #mobile-checker { 
        display: none; 
    }
 }
 
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
	/* Styles */
	#mobile-checker { 
		display: none; 
	}
}
 
/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	/* Styles */
	#mobile-checker { 
		display: none; 
	}
}
 
/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	/* Styles */
	#mobile-checker { 
		display: none; 
	}
}
 
/* Desktops and laptops ----------- */
@media only screen and (min-width : 980px) {
	/* Styles */
	.intro-image {
		min-height: 376px;
	}	
	div [id^="introimage-"] {	
		min-height: 376px;
		min-width: 98vw;			
	}
}

@media only screen and (min-width : 1224px) {
	/* Styles */
	.intro-image {
		min-height: 466px;
	}	
	div [id^="introimage-"] {	
		min-height: 466px;
		min-width: 98vw;		
	}
}

@media only screen and (min-width : 1340px) {
	/* Styles */
	.intro-image {
		min-height: 497px;
	}	
	div [id^="introimage-"] {	
		min-height: 364px !important;
		min-width: 98vw;		
	}

	div [id^="introimage-3"] {
		min-height: 334px !important;
	}	
	
}

@media only screen and (min-width : 1560px) {
	/* Styles */
	.intro-image {
		min-height: 583px;
	}	
	div [id^="introimage-"] {	
		min-height: 583px;
		min-width: 98vw;
	}
	div [id^="introimage-3"] {
		min-height: 470px !important;
	}	
	div [id^="introimage-5"] {
		min-height: 518px !important;
	}	
	
}
 
 
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {
	/* Styles */
	#mobile-checker { 
		display: none; 
	}
	.intro-image {
		min-height: 706px;
	}	
	div [id^="introimage-"] {	
		min-height: 514px;
	}
}

@media only screen and (min-width : 1224px) {
	/* Styles */

}
 
/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	/* Styles */
	#mobile-checker { 
		display: none; 
	}

	.intro-image {
		min-height: 40vh;
	}

	.intro-box {
		max-width: 80%;
		top: 58px;		
	}	
	
	#how-it-works .col-sm-12:nth-child(1) {
		border: 0;
		padding-bottom: 2em;
	}

	#how-it-works .col-sm-12:nth-child(2) {
		border: 0;
		padding-bottom: 2em;
	}	
	
	#how-it-works .col-sm-12:nth-child(3) {
		border: 0;
		padding-top: 1em;
	}	
	
	.intro-box-title {
		font-size: 2.8em;
	}

	.intro-box-text {
		font-size: 1.2em;
	}

	.intro-box-credits {
		font-size: 1.2em;
	}
	
	div [id^="introimage-"] {
		min-height: 40vh;
		min-width: 98vw;
	}
	
	#contatos div {
		/* padding: 0 !important; */
	}
	
	.mobile-menu img {
		width: 50%;
		margin-top: 0;
	}
	
	.mobile-menu .nav.navbar-nav img {
		width: 30%;
		margin: auto;
		margin-bottom: 1rem;		
	}
	
	.mobile-menu .nav.navbar-nav {
		text-align: left;
	}
	
	/* Bootstrap override */
	.navbar-brand {
		height: 100%;
	}
	
	.navbar-fixed-top .navbar-collapse {
		max-height: 100%;
	}
	
}