@media (min-width: 576px) {

	.carousel-control-next, .carousel-control-prev
	{
		width: 11.5%;
	}

	.titulo-portafolio
	{
		padding-top: 4rem;
	}

	.modal-body
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.modal-body .container-fluid
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.modal-body .col-12
	{
		padding-left: 15px;
		padding-right: 15px;
	}

	.modal-dialog
	{
		max-width: none;
		margin-left: 10px;
		margin-right: 10px;
		padding-left: 15px;
		padding-right: 15px;
	}

	.carousel-caption {
	    width: 50%;
	    font-size: 1.33rem;
	}

	.carousel-caption {
	    left: 10%;
	    top: 70%;
	}

	.carousel-caption p
	{
	    font-size: 1.17rem;
	}

	.carousel-caption h1
	{
	    font-size: 2.57rem;
	}

	.carousel-credenciales .carousel-caption
	{
	    left: 5%;
	    top: 70%;
	}

	.portafolio-caption-position
	{
	    position: relative;
	   	left: 0px;
    	top: 75%
	}

	.carousel-credenciales .carousel-caption h1, .portafolio-back h1
	{
	    font-size: 1.28rem;
	    margin-bottom: 0px;
	}

	.carousel-credenciales .carousel-caption p, .portafolio-back p
	{
	    font-size: 1rem;
	}

	.encabezado .titulo 
	{
	    padding-top: 3rem;
	    padding-bottom: 10rem;
	}

	.carousel-control-prev, .carousel-control-next, .carousel-control-prev:hover, .carousel-control-next:hover
	{
		 color: #000;
	}

	.carousel-indicators-diretec
	{
		bottom: -46px;
	}

	.carousel
		{
			margin-bottom: 3rem;
		}

	.titulo-portafolio p
		{
			top: 50%;
		    position: relative;
		    line-height: 1.2;
		}
}

@media (min-width: 768px) {

	.container-fluid .container, .carousel-inner
		{
			max-width: 1040px;
		}

	.carousel-inner
		{
			margin-left: auto;
			margin-right: auto;
		}

	.carousel-control-next, .carousel-control-prev
		{
			width: 11.5%;
		}
}

@media (min-width: 768px) and (max-width: 991px) {
	
	.carousel-control-next, .carousel-control-prev
		{
			width: 11.5%;
		}
}

@media (min-width: 992px) and (max-width: 1039px) {
	
	.carousel-control-next, .carousel-control-prev
		{
			width: 11.5%;
		}
}

@media (min-width: 1040px) and (max-width: 1239px) {
	
	.carousel-control-next, .carousel-control-prev
		{
			width: 8%;
		}
}

@media (min-width: 1240px) and (max-width: 1366px) {
	
	.carousel-control-next, .carousel-control-prev
		{
			width: 11.5%;
		}
}

@media (min-width: 1367px) {
	
	.carousel-control-next, .carousel-control-prev
		{
			width: 23%;
		}
}