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



.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: 'gilroybold';
	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;
border: 3.5px solid #2A0088;


}

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

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


@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: 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{
	height: 250px;
}	
}

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


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

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


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