.button
{
   font-family: Barlow Condensed;
   color: RGB(69,200,245);
   border: 2px solid RGB(69,200,245);
   padding: 15px 32px;
   text-align: center;
   text-decoration: none;
   display: inline-block;
   font-size: 20px;
   -webkit-transition-duration: 0.4s; /* Safari */
   transition-duration: 0.4s;
   border-radius: 4px;
}

.button:hover {
    background-color: RGB(69,200,245);
    color: white;
}




@-webkit-keyframes slideIn-RL
{
   0%
   {
      right: 1%;
      opacity: 0;
   }

   100%
   {
      right: 6%;
      opacity: 1;
   }
}

@-moz-keyframes slideIn-RL
{
   0%
   {
      right: 1%;
      opacity: 0;
   }

   100%
   {
      right: 6%;
      opacity: 1;
   }
}

@-o-keyframes slideIn-RL
{
   0%
   {
      right: 1%;
      opacity: 0;
   }

   100%
   {
      right: 6%;
      opacity: 1;
   }
}

@keyframes slideIn-RL
{
   0%
   {
      right: 1%;
      opacity: 0;
   }

   100%
   {
      right: 6%;
      opacity: 1;
   }
}



@-webkit-keyframes slideIn-LR
{
   0%
   {
      right: 90%;
      opacity: 0;
   }

   100%
   {
      right: 80%;
      opacity: 1;
   }
}

@-moz-keyframes slideIn-LR
{
   0%
   {
      right: 90%;
      opacity: 0;
   }

   100%
   {
      right: 80%;
      opacity: 1;
   }
}

@-o-keyframes slideIn-LR
{
   0%
   {
      right: 90%;
      opacity: 0;
   }

   100%
   {
      right: 80%;
      opacity: 1;
   }
}

@keyframes slideIn-LR
{
   0%
   {
      right: 90%;
      opacity: 0;
   }

   100%
   {
      right: 80%;
      opacity: 1;
   }
}



@media screen and (min-width: 1000px)
{
@-webkit-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-moz-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-o-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

   .flex-caption h1
   {
      font-family: Barlow Condensed;
      font-size: 76px;
      color: RGB(255,255,255);
      padding: 0px;
      margin: 0px;
      margin-bottom: 10px;
	  text-shadow: 2px 2px 7px RGB(40,40,40);
   }

   .flex-caption h2
   {
      font-family: Barlow Condensed;
      font-size: 28px;
      color: RGB(255,255,255);
      padding: 0px;
      margin: 0px;
	  text-shadow: 2px 2px 7px RGB(40,40,40);
   }


   .flex-caption
   {
      position: absolute;
      z-index: 1;
      left: 10%;
      top: 10%;
      -webkit-animation: slideIn-UP;
      -moz-animation: slideIn-UP;
      -o-animation: slideIn-UP;
      animation: slideIn-UP;
      -webkit-animation-duration: 3s;
      -moz-animation-duration: 3s;
      -o-animation-duration: 3s;
      animation-duration: 3s;
      padding: 0px;
      width: 45%;
   }

   .flex-caption-2
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 550px;
      height: auto;
   }

   .flex-caption-hosting
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 381px;
      height: auto;
   }

}




@media screen and (min-width: 1250px)
{
@-webkit-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-moz-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-o-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

   .flex-caption h1
   {
      font-family: Barlow Condensed;
      font-size: 96px;
      color: RGB(255,255,255);
      padding: 0px;
      margin: 0px;
      margin-bottom: 10px;
	  text-shadow: 2px 2px 7px RGB(40,40,40);
   }

   .flex-caption h2
   {
      font-family: Barlow Condensed;
      font-size: 36px;
      color: RGB(255,255,255);
      padding: 0px;
      margin: 0px;
	  text-shadow: 2px 2px 7px RGB(40,40,40);
   }


   .flex-caption
   {
      position: absolute;
      z-index: 1;
      left: 10%;
      top: 10%;
      -webkit-animation: slideIn-UP;
      -moz-animation: slideIn-UP;
      -o-animation: slideIn-UP;
      animation: slideIn-UP;
      -webkit-animation-duration: 3s;
      -moz-animation-duration: 3s;
      -o-animation-duration: 3s;
      animation-duration: 3s;
      padding: 0px;
      width: 45%;
   }

   .flex-caption-2
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 550px;
      height: auto;
   }

   .flex-caption-hosting
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 381px;
      height: auto;
   }

}




@media screen and (max-width: 1000px)
{
@-webkit-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-moz-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-o-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

   .flex-caption h1
   {
      font-family: Barlow Condensed;
      font-size: 44px;
      color: RGB(69,200,245);
      padding: 0px;
      margin: 0px;
      margin-bottom: 10px;
   }

   .flex-caption h2
   {
      font-family: Barlow Condensed;
      font-size: 38px;
      color: RGB(69,200,245);
      padding: 0px;
      margin: 0px;
   }


   .flex-caption
   {
      position: absolute;
      z-index: 1;
      left: 10%;
      top: 10%;
      -webkit-animation: slideIn-UP;
      -moz-animation: slideIn-UP;
      -o-animation: slideIn-UP;
      animation: slideIn-UP;
      -webkit-animation-duration: 3s;
      -moz-animation-duration: 3s;
      -o-animation-duration: 3s;
      animation-duration: 3s;
      padding: 0px;
      width: 25%;
	  display: none;
   }

   .flex-caption-2
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 550px;
      height: auto;
   }

   .flex-caption-hosting
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 300px;
      height: auto;
   }

}





@media screen and (max-width: 980px)
{
@-webkit-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-moz-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-o-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

   .flex-caption h1
   {
      font-family: Barlow Condensed;
      font-size: 30px;
      color: RGB(69,200,245);
      padding: 0px;
      margin: 0px;
      margin-bottom: 10px;
   }

   .flex-caption h2
   {
      font-family: Barlow Condensed;
      font-size: 24px;
      color: RGB(69,200,245);
      padding: 0px;
      margin: 0px;
   }


   .flex-caption
   {
      position: absolute;
      z-index: 1;
      left: 10%;
      top: 10%;
      -webkit-animation: slideIn-UP;
      -moz-animation: slideIn-UP;
      -o-animation: slideIn-UP;
      animation: slideIn-UP;
      -webkit-animation-duration: 3s;
      -moz-animation-duration: 3s;
      -o-animation-duration: 3s;
      animation-duration: 3s;
      padding: 0px;
      width: 25%;
	  display: none;
   }

   .flex-caption-2
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 300px;
      height: auto;
   }

   .flex-caption-hosting
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 230px;
      height: auto;
   }

}





@media screen and (max-width: 600px)
{
@-webkit-keyframes slideIn-UP
{
   0%
   {
      left: 10%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 10%;
      top: 10%;
      opacity: 1;
   }
}

@-moz-keyframes slideIn-UP
{
   0%
   {
      left: 44%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 44%;
      top: 10%;
      opacity: 1;
   }
}

@-o-keyframes slideIn-UP
{
   0%
   {
      left: 44%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 44%;
      top: 10%;
      opacity: 1;
   }
}

@keyframes slideIn-UP
{
   0%
   {
      left: 44%;
      top: 30%;
      opacity: 0;
   }

   100%
   {
      left: 44%;
      top: 10%;
      opacity: 1;
   }
}

   .flex-caption h1
   {
      font-family: Barlow Condensed;
      font-size: 30px;
      color: RGB(69,200,245);
      padding: 0px;
      margin: 0px;
      margin-bottom: 10px;
   }

   .flex-caption h2
   {
      font-family: Barlow Condensed;
      font-size: 24px;
      color: RGB(69,200,245);
      padding: 0px;
      margin: 0px;
   }


   .flex-caption
   {
      position: absolute;
      z-index: 1;
      left: 44%;
      top: 10%;
      -webkit-animation: slideIn-UP;
      -moz-animation: slideIn-UP;
      -o-animation: slideIn-UP;
      animation: slideIn-UP;
      -webkit-animation-duration: 3s;
      -moz-animation-duration: 3s;
      -o-animation-duration: 3s;
      animation-duration: 3s;
      padding: 0px;
      width: 25%;
	  display: none;
   }

   .flex-caption-2
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 300px;
      height: auto;
   }

   .flex-caption-hosting
   {
      position: absolute;
      z-index: 1;
      right: 6%;
      bottom: 10%;
      -webkit-animation: slideIn-RL;
      -moz-animation: slideIn-RL;
      -o-animation: slideIn-RL;
      animation: slideIn-RL;
      -webkit-animation-duration: 0.8s;
      -moz-animation-duration: 0.8s;
      -o-animation-duration: 0.8s;
      animation-duration: 0.8s;
      padding: 0px;
      width: 230px;
      height: auto;
   }

}