body {
  background-color: #fff !important; }

.announcement-wrapper {
  animation: colorchange 20s infinite;
  /* animation-name followed by duration in seconds*/
  /* you could also use milliseconds (ms) or something like 2.5s */
  -webkit-animation: colorchange 20s infinite;
  /* Chrome and Safari */ }
  .announcement-wrapper h1, .announcement-wrapper h2 {
    animation: colorchangeh1 20s infinite;
    /* animation-name followed by duration in seconds*/
    /* you could also use milliseconds (ms) or something like 2.5s */
    -webkit-animation: colorchangeh1 20s infinite;
    /* Chrome and Safari */ }

@keyframes colorchangeh1 {
  0% {
    color: #343434; }
  25% {
    color: #343434; }
  50% {
    color: #3B2D7E; }
  75% {
    color: #EF4530; }
  100% {
    color: #343434; } }

@-webkit-keyframes colorchangeh1 /* Safari and Chrome - necessary duplicate */ {
  0% {
    color: #343434; }
  25% {
    color: #343434; }
  50% {
    color: #3B2D7E; }
  75% {
    color: #EF4530; }
  100% {
    color: #343434; } }

@keyframes colorchange {
  0% {
    background: #FBD7E6; }
  25% {
    background: #C1E1E5; }
  50% {
    background: #EF4530; }
  75% {
    background: #3B2D7E; }
  95% {
    background: #FFFFFF; }
  100% {
    background: #FBD7E6; } }

@-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */ {
  0% {
    background: #FBD7E6; }
  25% {
    background: #C1E1E5; }
  50% {
    background: #EF4530; }
  75% {
    background: #3B2D7E; }
  95% {
    background: #FFFFFF; }
  100% {
    background: #FBD7E6; } }

.h1-vs {
  font-size: 40px; }
  @media only screen and (min-width: 768px) {
    .h1-vs {
      font-size: 80px; } }
  @media only screen and (min-width: 992px) {
    .h1-vs {
      font-size: 120px; } }
  @media only screen and (min-width: 1200px) {
    .h1-vs {
      font-size: 180px; } }

.xv-wrapper {
  width: 100%;
  position: relative;
  background-image: url("/vision-bg.jpg");
  background-size: cover;
  overflow: hidden;
  background-position: center; 
  text-align: left;
}
  @media only screen and (min-width: 768px) {
    .xv-wrapper {
      background-attachment: fixed; } }

.xv-module {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%; }

.wrapper {
  border-radius: 8px;
  padding: 48px;
  width: 100%;
  max-width: 800px;
  margin: 0 auto; }

.logo {
  width: 100%;
  max-width: 600px;
  margin-bottom: 40px;
    display: block; }

.nc-logo {
  width: 100%;
  max-width: 300px;
  margin: 0 auto 32px;
  display: block; }

.xv-google-map {
  margin-bottom: -6px; }

.nc-logo-footer {
  width: 100%;
  max-width: 300px;
  display: block; }

span.emoji {
  font-size: 80px; }

.xv-howtogetthere {
  width: 100%;
  position: relative;
  background-image: url("/vision-bg.jpg");
  background-size: cover;
  overflow: hidden;
  background-position: center; }
  @media only screen and (min-width: 768px) {
    .xv-howtogetthere {
      background-attachment: fixed; } }
  .xv-howtogetthere h2 {
    color: #000;
    text-align: center;
    margin-bottom: 40px; }
  .xv-howtogetthere .transport-wrapper {
    text-align: center;
    color: #000; }
    .xv-howtogetthere .transport-wrapper img {
      width: 100%;
      max-width: 120px;
      margin: 0 auto 20px; }

h1, h2, h3, h4 {
  font-family: 'helvetica' sans-serif !important;
  font-weight: 700 !important;
   }

p, a, li {
  font-family: proxima-nova, sans-serif;
  font-weight: 400;
  font-style: normal; }

.bg-white {
  background: #ffffff; }

.footer {
  background: #343434;
  color: white; }

a {
  color: white;
  text-decoration: underline; }

.killer-btn {
  border: 2px solid white;
  padding: 8px 12px;
  display: inline-block;
  margin: 10px 0;
  text-decoration: none;
  color: white !important; }
  .killer-btn:hover {
    background: white;
    color: #343434 !important;
    text-decoration: none; }

.padding-tbr {
  padding: 24px 0; }
  @media only screen and (min-width: 768px) {
    .padding-tbr {
      padding: 48px 0; } }
  @media only screen and (min-width: 992px) {
    .padding-tbr {
      padding: 68px 0; } }
  @media only screen and (min-width: 1200px) {
    .padding-tbr {
      padding: 188px 0; } }

.padding-48 {
  padding: 48px 0; }