.home-template {
  padding: 15px;
}

.home-template .intro {
  padding: 40px;
  max-width: 1024px;
  height: 420px;
  margin: 0 auto;
  background-image: url(/wp-content/themes/corum/img/introcorum.png);
  opacity: 0;
  transition: opacity 1s ease-in;
}	
.home-template .slide-in.intro {
  opacity: 1;
}
.home-template .slide {		
  transform: translateX(200px);
  transition: transform 0.5s 0.2s ease-in-out;
}
.home-template .slide-in .slide {
  transform: translateY(0);
}
.home-template .intro h2 {
  margin-top: 120px;
  max-width: 640px;
  font-size: 4.5vw;
  color: white;
}
@media (min-width: 750px) {
  .home-template .intro h2 {
    font-size: 36px;
  }
}
.home-template .intro p {
  max-width: 640px;
  font-size: 4vw;
  color: white;
}
@media (min-width: 500px) {
  .home-template .intro p {
    font-size: 18px;
  }
}
.home-template .page-content {
  max-width: 1024px;
  margin: 0 auto;
}

/* Intro */
.intro {
  position: relative;
}
.intro .banner{
  background-color:  var(--c-primary-light);
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
}
.intro .banner p {
  font-size: 6vw !important;
  font-weight: bold;
  margin: 0;
  padding: 0.25em;
}
@media (min-width: 750px) {
  .intro .banner p {
    font-size: 42px !important;
  }
}