@import url("./font-metropolis.css");
/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/

body {
  background: #fff;
  color: #2f3138;
  font-family: 'Metropolis';
    font-weight: 500;
    font-style: normal;
}

a {
  color: #000000;
  transition: 0.5s;
}

a:hover,
a:active,
a:focus {
  color: #000000;
  outline: none;
  text-decoration: underline;
}

p {
  padding: 0;
  margin: 0 0 30px 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'Metropolis';
  font-weight: 400;
  /*margin: 0 0 20px 0;*/
  padding: 0;
  color: #0e1b4d;
}

.main-page {
  margin-top: 70px;
}

.wow {
  visibility: hidden;
}

/*--------------------------------------------------------------
# Intro Section
--------------------------------------------------------------*/

#intro {
  width: 100%;
  height: 100vh;
}
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}
.cta {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.cta-image {
  text-align:center;
}
.cta-image h1 a{
  text-indent:99999px;
}
.cta-image img {
    margin: 40px 0px 20px 0px;
    max-width:900px;
}

.cta-title {
  text-align:center;
}
.cta-text {
  text-align:center;
}
.cta-text h3{
  text-align:center;
  padding-top:20px;
}


#intro h1 {
  color: #fff;
  font-family: 'Metropolis';
  font-size: 56px;
  font-weight: 600;
  text-transform: uppercase;
}

#intro h2 {
  color: #000000;
  font-family: 'Metropolis';
  font-size: 36px;
  font-weight: 400;
  letter-spacing: 3.6px;
}

#intro h3 {
  color: #000000;
  font-family: 'Metropolis';
  font-size: 94px;
  font-weight: 400;
  margin:0px;
  letter-spacing: 3.6px;
}

#intro h1 span {
  color: #000000;
}

/*--------------------------------------------------------------
# Responsive Media Queries
--------------------------------------------------------------*/
@media (max-width: 1024px) { 
    .cta {position: absolute; top: 30%; left: 50%; transform: translate(-50%, -30%);}
    .cta-image{padding:40px 0px;}
    .cta-image img {margin:10px;max-width:550px};
}

@media (max-width: 414px) { 
    .cta {position: absolute; top: 30%; left: 50%; transform: translate(-50%, -30%);}
    .cta-image{padding:40px 0px;}
    #intro h3{font-size:48px;}
    .cta-image img {margin:10px;max-width:350px};
}