.linea-titulo{
	background-color: #FFD51C;
	height: 6px;
	width: 300px;
	margin-top: 5px;
}


*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
 
}

body {
  font-family: gilroy;
  padding: 40px 0px 0;
}



  @font-face {
      font-family: 'gilroyblack';
      src: url('../font/gilroy-black-webfont.eot');
      src: url('../font/gilroy-black-webfont.eot?#iefix') format('embedded-opentype'),
           url('../font/gilroy-black-webfont.woff2') format('woff2'),
           url('../font/gilroy-black-webfont.woff') format('woff'),
           url('../font/gilroy-black-webfont.ttf') format('truetype'),
           url('../font/gilroy-black-webfont.svg#gilroyblack') format('svg');
      font-weight: normal;
      font-style: normal;

  }


  @font-face {
      font-family: 'gilroybold';
      src: url('../font/gilroy-bold-webfont.eot');
      src: url('../font/gilroy-bold-webfont.eot?#iefix') format('embedded-opentype'),
           url('../font/gilroy-bold-webfont.woff2') format('woff2'),
           url('../font/gilroy-bold-webfont.woff') format('woff'),
           url('../font/gilroy-bold-webfont.ttf') format('truetype'),
           url('../font/gilroy-bold-webfont.svg#gilroybold') format('svg');
      font-weight: normal;
      font-style: normal;

  }


  @font-face {
      font-family: 'gilroyheavy';
      src: url('../font/gilroy-heavy-webfont.eot');
      src: url('../font/gilroy-heavy-webfont.eot?#iefix') format('embedded-opentype'),
           url('../font/gilroy-heavy-webfont.woff2') format('woff2'),
           url('../font/gilroy-heavy-webfont.woff') format('woff'),
           url('../font/gilroy-heavy-webfont.ttf') format('truetype'),
           url('../font/gilroy-heavy-webfont.svg#gilroyheavy') format('svg');
      font-weight: normal;
      font-style: normal;

  }

html {
	scroll-behavior: smooth;
}

.titulo-portafolio{
	position: relative;
	color: #2A0088;
	font-family: 'gilroyblack';
	font-size: 40px;
}



.slider-portafoliotodos{
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 500px;
}


.slider-portafoliotodos figure{
	width: 100%;
	height: 500px;
	clip-path:content-box;
	overflow: hidden;
	position: relative;



}

.slider-portafoliotodos figure img{
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}



.slider-portafoliodg{
	margin-top: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 500px;
}


.slider-portafoliodg figure{
	width: 100%;
	height: 500px;
	clip-path:content-box;
	overflow: hidden;
	position: relative;



}

.slider-portafoliodg figure img{
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}






	.slider-portafoliotodos figure video{
	border: 3.5px solid #2A0088;	
	height: 100%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
		
}

	.verso{
	position: relative;
	top: 80%;
		margin: auto;
	color:white;
		width: 90%;
		text-align: center;
	font-family: 'gilroyblack';
		text-transform: uppercase;
	font-size: 20px;
	
		
}
	.cita-foto{
position: relative;
	top: 81%;
	width: 90%;
		margin: auto;
	color:white;
		text-align: center;
	font-family: 'gilroybold';
		font-style: italic;
	font-size: 20px;
}


@media (max-width: 1080px){
	
.slider-portafoliotodos{
	height: 450px;
}


.slider-portafoliotodos figure{
	height: 450px;
}	
}


@media (max-width: 960px){
	
.slider-portafoliotodos{
	height: 380px;
}


.slider-portafoliotodos figure{
	height: 380px;
}	
}

@media (max-width: 820px){
	
.slider-portafoliotodos{
	height: 340px;
}


.slider-portafoliotodos figure{
	height: 340px;
}	
}


@media (max-width: 720px){
	
.slider-portafoliotodos{
	height: 300px;
}


.slider-portafoliotodos figure{
	height: 300px;
}

}

@media (max-width: 650px){

	.verso{
	top: 74%;
		font-size: 18px;}
	
	.cita-foto{
	top: 75%;
	font-size: 16px;}
}



@media (max-width: 620px){
	
.slider-portafoliotodos{
	height: 280px;}
	
			

.slider-portafoliotodos figure{
	height: 280px;
}	
}

@media (max-width: 520px){
.linea-titulo{
	background-color: #FFD51C;
	height: 6px;
	width: 230px;
	margin-top: 5px;
	}}



@media (max-width: 500px){
	
.slider-portafoliotodos{
	
	height: 250px;}
	
	.slider-portafoliotodos figure img{
		transform: translate(-50%, -50%);
	left: 0;
}


.slider-portafoliotodos figure{
	
	height: 250px;
}	

		.verso{
	top: 74%;
		font-size: 16px;}
	
	.cita-foto{
	top: 75%;
	font-size: 14px;}
}