/* For tablets */

@media (min-width: 768px) and (max-width: 991px) {
	.ribbon {
	    position: absolute;
	    top: 0;
	    left: -25px;
	}
}


/* For phones and handhelds */

@media (max-width: 575px) { /* Menú button */
	body{
		padding-top: 87px;
	}
	
	header{
		background-color: #fff;
		position: fixed;
	    right: 0;
	    left: 0;   
	    border-radius: 0;
	    top: 0;
	    z-index: 15;
	}
	.header {
		padding: .5rem 0rem 0 0;
	}
	.navbar {
		padding: 0 1rem .5rem 2rem;
	}
	.custom-toggler.navbar-toggler{
		position: absolute;
		outline: none;
		right: 2px;
		top: -50px;
		padding: .25rem;
	}
}

@media (max-width: 767px){
	h1{
		font-size:1.8rem;
	}

	h2{
		font-size:1.6rem;
	}
	h3{
		font-size:1.4rem;
	}
	h4{
		font-size:1.2rem;
	}
	h5{
		font-size:1rem;
	}
	.narrow-container {
		max-width: 540px;
	}
	footer p, #corp h5, #corp p, #menu-bottom h5, #menu-bottom p, #menu-bottom li {
		display: block;
		margin: 0 auto;
		width: auto;
		text-align: center;
	}
	ul.social-network {
		display: flex;
		list-style: none;
		margin: 20px auto 0!important;
		padding: 0;
		float: none!important;
		width: 8rem;
	}
	.jumbotron-presence{
		padding: 7rem 2rem;
	}
	.jumbotron-time{
		padding: 8rem 2rem;
	}
	.jumbotron-passion{
		padding: 7rem 2rem;
	}
	.jumbotron-advantages {
		padding: 8rem 2rem;
	}
	.jumbotron-brand {
		padding: 8rem 2rem;
	}
	.jumbotron-subproducts{
		padding: 1rem;
	}
	.jumbotron-contact{
		padding: 5rem 2rem;
	}
	.jumbotron-about, .jumbotron-today, .jumbotron-quality, .jumbotron-social, .jumbotron-memory, .jumbotron-environment, .jumbotron-maracuya, .jumbotron-mango {
		padding: 1rem 2rem;
	}
	.jumbotron-index h1, .jumbotron-about h1, .jumbotron-today h1, .jumbotron-certifications h1, .jumbotron-quality h1, .jumbotron-maracuya h1, .jumbotron-mango h1, .jumbotron-subproducts h1, .jumbotron-memory h1, .jumbotron-social h1, .jumbotron-environment h1 {
		font-size: 2rem;
	}

	.jumbotron-index h2, .jumbotron-about h2, .jumbotron-today h2, .jumbotron-certifications h2, .jumbotron-quality h2, .jumbotron-maracuya h2, .jumbotron-mango h2, .jumbotron-subproducts h2, .jumbotron-memory h2, .jumbotron-social h2, .jumbotron-environment h2 {
		font-size: 2rem;
	}
	.featurette-new, .featurette-new-2, .featurette-new-3 {
		background: rgb(241,245,247)!important;
		margin: 0;
	}
	/* Caption for overlay in products */
	.caption{
		display: none;
	}
	.carousel-caption-home-large {
    	right: 7%;
    	left: 7%;
	}
	/* Caption for news home carousel */
	.carousel-caption-news {
  		background-color: rgba(255,255,255,0);
  		padding-top: 20px;
  		padding-bottom: 20px;
  		color: #fff;
  	}
  	.carousel-caption-news h2{
  		font-size: 1rem;
  		text-shadow: 2px 2px 2px #000000;
  	}
  	.btn-caption{
  		font-size: 0.7rem;
  		padding: 0.7rem 0.5rem;
  	}

	/* Time milestones */
	#timeline div .date h2 {
	    font-size: 32px!important;
	    margin: 77px 28px 0!important;
	}
	#timeline div.active .date h2 {
    	font-size: 37px!important;
	}
}