body {
	transition: background-color 0.2s ease-in-out; 
  }
  .page-footer {
	position: fixed;
	right: 15px;
	bottom: 30px;
	display: flex;
	align-items: center;
	font-size: 1rem;
	padding: 5px;
  }
  
  .page-footer a {
	margin-left: 4px;
  }

  /* ! Animations */
.fade-left{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateX(-30%);transition-delay: 0.5s;}
.fade-left.is-inview{opacity: 1;transform: translateX(0px);}

.fade-right{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateX(30%);transition-delay: 0.5s;}
.fade-right.is-inview{opacity: 1;transform: translateX(0px);}

.fade-up{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateX(-10%);transition-delay: 0.5s;}
.fade-up.is-inview{opacity: 1;transform: translateX(0px);}

.fade-down{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1);transform: translateX(10%);transition-delay: 0.5s;}
.fade-down.is-inview{opacity: 1;transform: translateX(0px);}

.fade{opacity: 0; transition: all 1s cubic-bezier(.215, .61, .355, 1);transition-delay: 0.5s;}
.fade.is-inview{opacity: 1;}


.reveal-top{height: 0;overflow: hidden;transition: all 1.52s cubic-bezier(.215, .61, .355, 1);transition-delay: 0.5s;}
.reveal-top.is-inview{height: 100%;}

.reveal-left{width: 0;overflow: hidden;transition: all 1.52s cubic-bezier(.215, .61, .355, 1);transition-delay: 0.5s;}
.reveal-left.is-inview{width: 100%;}


.zoom-in{opacity: 0; transform: scale(1.2);transition: all 1s cubic-bezier(.215, .61, .355, 1);transition-delay: 0.5s;}
.zoom-in.is-inview{opacity: 1;transform: scale(1)}

.text-reveal{overflow: hidden;display: block;}
.text-reveal b{display: inline-block;will-change: transform;transform: translate3d(0,100%,0);transition: all 2s cubic-bezier(.4, .0, .0, 1);}
.text-reveal.is-inview b{transform: none;}


.delay-1{transition-delay: .1s!important;}
.delay-2{transition-delay: .2s!important;}
.delay-3{transition-delay: .3s!important;}
.delay-4{transition-delay: .4s!important;}
.delay-5{transition-delay: .5s!important;}
.delay-6{transition-delay: .6s!important;}
.delay-7{transition-delay: .7s!important;}
.delay-8{transition-delay: .8s!important;}
.delay-9{transition-delay: .9s!important;}
.delay-10{transition-delay: 1s!important;}

.h-100{height:100vh;}


/* ! Panel */
.panel{padding: 100px 0;background: #ffffff;position: relative;}
.panel__img img{height: 80vh;width: 100%;max-width: 550px;display: block;margin: 0 auto;object-fit: cover;}
.panel__text{max-width: 550px;display: flex; width: 100%; height: 100%; align-items: center;padding: 20px;}



/* ! Grid System */
.grid { margin: 0 auto; max-width: 1200px; display: flex; flex-flow: row; flex-wrap: wrap;}
.grid--center{justify-content: center;}
.col{ flex: 1;}

[class*='col-'] { position: relative;}

.col-20{ width: 20%; }
.col-25{ width: 25%; }
.col-30{ width: 30%; }
.col-33{ width: 33.33%;}
.col-40{ width: 40%;}
.col-50{ width: 50%; }
.col-70{ width: 70%; }
.col-80{ width: 80%; }
.col-100{ width: 100%; }