#portfolio {
	color: white;
	font-family: "Outfit";
	letter-spacing: .3rem;
	font-size: 0.6em;
	padding-top: 2em;

}


.nom {
	color: #ffffff;
	font-family: "Outfit", sans-serif;
	margin-bottom: 0.4em;
}

#info {
	font-family: "Outfit", sans-serif;
	font-weight: 700;
	color: #F8EFD5;
	padding-bottom: 2em;
	
}
#info > p {
	margin-bottom: 0;
}

@keyframes example {
  0%   {color:#ff4100;}
  25%  {color:#ffa7da;}
  50%  {color:#72a5ff;}
  75%  {color:#a6efde;}
  100% {color:#ff4100;}
}
.icon {
	vertical-align: bottom;
}

.hummus {
	  animation-name: example;
  animation-duration: 2s;
   animation-iteration-count: infinite;
}
.text-responsive {
  font-size: 13vw;
  font-weight: 700;
}

#bio {
	margin-bottom: 5em;
    margin-top: 5em;
	background-color: #ffffff;
	color: #000000;
	font-family: "Outfit", sans-serif;
	line-height: 1;
}

#based {
	margin-top: 1em;
	margin-bottom: 1em;
	font-size: calc(100% + 1.6vw + 1vh);
}

.navbar {
	font-family: "Outfit", sans-serif;
	font-weight: 300;
}
.nav-link {
	font-family: "Outfit", sans-serif;
	font-weight: 300;
}

#showreel {
	background-color: black;
}

#parcours {
	padding-bottom: 3em;
	padding-top: 3em;
    background-color: Black;
	color: #ffffff;
	font-family: "Outfit", sans-serif;
	font-weight: 300;
	line-height: 1;

}
.what {
    font-weight: 700;
    font-size: 1em;
}
#cv {
	font-weight: 700;
	color: black;
}
.where {
font-size: 1em;
}
.year {
	
}



#boites {
    color: #000000;
	font-family: "Outfit", sans-serif;
}

.gustavo {
	font-family: 'gustavo';
}

 #work {
 	background-color: white;
 	padding-bottom: 3em;
 }

.apropos {
		font-family: "Outfit", sans-serif;
		font-size : 1em;
}
.titre {
	font-weight: 700;
}

.jaime {
	font-size: 1.5em;
	background-color: transparent;
	padding: 0;

}

.buttoncentered {
	margin-top: 1em; margin-bottom: 1em;
	font-family: "Outfit", sans-serif;
}

.btn-dark {
	background-color: black !important;
}
.titre-section {
		background-color: white;
		  width: 100%;
  overflow-x: hidden;
}

@keyframes infiniteScroll {
  from {transform: translateX(0)}
  to {transform: translateX(-50%)}
}
.horizontal-scrolling-items {
	font-family: "Outfit", sans-serif;
	color: black;
	font-weight: 700;
	display: flex;
  font-size: 8vw;
  width: 1920px;
  display: flex;
  animation-name: infiniteScroll;
  animation-duration: 20s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  padding-bottom: 0.5em;
  padding-top: 0.5em;
}
.horizontal-scrolling-items__item {
  white-space: nowrap;
}
html { overflow-y: scroll; }

.carousel {
  background: #fff;
}

.carousel video{
  display: block;
  height: 300px;
  margin-right: 10px;
}

@media screen and ( min-width: 768px ) {
	.carousel video{
  display: block;
  height: 500px;
  margin-right: 20px;
}
.horizontal-scrolling-items {
	font-size: 4vw;

}
.text-responsive {
  font-size: 10vw;
}

@media screen and ( min-width: 1280px ) {
.text-responsive {
  font-size: 7vw;
}
}