body{
  background: white;
}
.fs35{
  font-size: 35px;
}
.flexi {
    max-width: 1370px;
}
.main-view{
    padding-left: 120px;
}
.main-btn{
  color:#7a7a7a;
  transition: 0.5s;
}
.main-btn-arrow{
  width:30px;
  height:1px;
  background:#7a7a7a;
  transition: 0.5s;
}
.proj-btn-arrow{
  width:0px;
  height:1px;
  background:#7a7a7a;
  transition: 0.5s; 
}
.main-btn:hover{
  color:black;
}
.main-btn:hover .main-btn-arrow{
  width:60px;
  background:black;
}

.main-btn:hover .proj-btn-arrow{
  width:60px;
  background:black;
}
.main-title{
    letter-spacing: 1.8px;
}
.sec-title{
  font-weight: 500;
  font-family: DM Sans, sans-serif;
}
.projects-overlay{
  opacity: 0;
  transition: 0.5s;
}
.card-projects:hover .projects-overlay{
  opacity: 1;
}
.card-news:hover .img-news {
  transform: scale(1.1);
 }
 .btn-header{
  color:white;
  transition: 0.5s;
}
.btn-header-arrow{
  width:50px;
  height:1px;
  background:white;
  transition: 0.5s;
}
.btn-header:hover .btn-header-arrow{
  width:80px;
  background:white;
}
.flickity-slider .is-selected .slide-image{
  transform: scale(1.1) !important;
}
.is-selected .slide-image {
  transition: 5s !important;
}
.active .subs-links{
  font-weight:bold;
  color:black
}

/* ---- grid ---- */
.grid-item {
  height: auto 
}

.grid-item img {
  width: 100% ;
  height: auto 
}


.active .link-header{
  font-weight: bold;
  color:white;
  text-shadow: 0 0 10px rgb(255,255,255,.2), 0 0 20px rgb(255,255,255,.2), 0 0 30px rgb(255,255,255,.2), 0 0 40px rgb(255,255,255,.2), 0 0 50px rgb(255,255,255,.2), 0 0 60px rgb(255,255,255,.2), 0 0 70px rgb(255,255,255,.2);
}