.rotate {
  animation: rotation 200s;
}
.rotate-slow {
  animation: rotation 550s;
}
.rotate-fast {
  animation: rotation 100s;
}
.zoom {
  animation: zoom 20s;
  animation-iteration-count: infinite;
}

section {
  padding: 140px 10px 140px 10px;
}

@keyframes rotation {
  from {
    transform: rotate(359deg);
  }
  to {
    transform: rotate(0deg);
  }
}

@keyframes zoom {
  0% {
    transform: scale(0.5);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0.5);
  }
}

.carousel-cell {width: 380px; height: 215px;}
.carousel-cell-m {width: 320px; height: 180px;}





















.main_nav{
    height: 100vh;
}
.nav-grid {
    display: grid;
    grid-gap: 3px;
    grid-template-columns: repeat(3, 1fr);
  }
.nav-col1{
    grid-column: 1;
}
.nav-col2{
    grid-column: 2;
}
.nav-col3{
    grid-column: 3;
}
.nav-icon-grid{
    display: grid;
    grid-gap: 3px;
    grid-template-columns: repeat(6, 1fr);
}
.nav-icon-fb{
    grid-column: 3;
}
.nav-icon-tw{
    grid-column: 4;
}
.nav-icon-in{
    grid-column: 5;
}
.nav-logo{
    height: 14vh;
}
.wrapper {
    grid-gap:3px;
    grid-template-columns: 1fr minmax(500px, 1320px) 1fr;
    grid-template-rows: 100vh;
}

.text-yellow {color: #f1c300;}
.bg-yellow {background-color: #f1c300;}
.fill-yellow {fill: #f1c300;}
.bg-none {background-color: rgba(0,0,0,0);}