body { font-family: "Montserrat", sans-serif; padding: 0; margin: 0; background-color: #fff;}
                .w3-animate-fading{animation:fading 10s infinite}@keyframes fading{0%{opacity:0}50%{opacity:1}100%{opacity:0}}
.w3-animate-opacity{animation:opac 0.8s}@keyframes opac{from{opacity:0} to{opacity:1}}
.w3-animate-top{position:relative;animation:animatetop 0.4s}@keyframes animatetop{from{top:-300px;opacity:0} to{top:0;opacity:1}}
.w3-animate-left{position:relative;animation:animateleft 0.4s}@keyframes animateleft{from{left:-300px;opacity:0} to{left:0;opacity:1}}
.w3-animate-right{position:relative;animation:animateright 0.4s}@keyframes animateright{from{right:-300px;opacity:0} to{right:0;opacity:1}}
.w3-animate-bottom{position:relative;animation:animatebottom 0.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}}
.w3-animate-zoom {animation:animatezoom 0.6s}@keyframes animatezoom{from{transform:scale(0)} to{transform:scale(1)}}
.w3-animate-input{transition:width 0.4s ease-in-out}.w3-animate-input:focus{width:100%!important}

    .col { clear: both; width: 100%; margin: 0 auto; }
    .col-2, .career-description, .career-image { display: inline-block; width: 48%; vertical-align: top;  }    
    .col-3 { display: inline-block; width: 30%; vertical-align: top; }
    .col-4 { display: inline-block; width: 23%; vertical-align: top; }
    .column { display: inline-block; vertical-align: top; }
    .left { text-align: left; }
    .center { text-align: center; }
    .right { text-align: right; }
    .float-left { float: left; }
    .float-right { float: right; }
    .career-description { line-height: 20px; }
    .park-window { display: inline-block; position: relative; width: 27%; height: 600px; border-radius: 55px; border: 1px solid #333; vertical-align: top; background-color: #000; margin: 13px; }
    .park-window:hover { filter: brightness(90%); }
    .park-window-name { margin-top: -150px; position: absolute; left: 35px; right: 35px; text-align: left;  }
    .park-window-subheader { color: #fff; font-weight: bold; font-size: 28px; line-height: 35px; margin: 13px 0; }
    header { clear: both; max-width: 1200px; margin: 0 auto;  max-height: 100px; }
    header img { max-height: 90%; }
    #splashIntro { padding-top: 200px; font-weight: 300; padding-left: 150px; font-size: 58px; line-height: 70px; color: #FFF; position:relative;animation:animatebottom 1.4s}@keyframes animatebottom{from{bottom:-300px;opacity:0} to{bottom:0;opacity:1}  }
    .sidenav { height: 100%; width: 0; position: fixed; z-index: 1; top: 0; left: 0; background-color: #111; overflow-x: hidden; transition: 0.5s; padding-top: 60px; }
    .sidenav a { padding: 8px 8px 8px 32px; text-decoration: none; font-size: 25px; color: #818181; display: block; transition: 0.3s; }
    .sidenav a:hover { color: #f1f1f1; }
    .sidenav .closebtn { position: absolute; top: 0; right: 25px; font-size: 36px;  margin-left: 50px; }
    
    #whiteFont { color: #fff; text-decoration: none; }
    #splashScreen { clear: both; width: 100%; background-image: url("imitari/southern-cross-header.webp"); background-size: 100%; height: 540px;  background-repeat: no-repeat; }
    #white-button { border-radius: 15px; width: 150px; background-color: #fff; color: blue; line-height: 30px; height: 40px; }
    #orange-button { border-radius: 15px; background-color: #f47721; color: #fff; line-height: 28px; height: 40px; font-size: 16px; margin-top: 20%; padding: 0 20px; border: none; } 
    #About, #Careers { width: 80%; clear: both; margin: 0 auto; padding: 50px 0; }
    #footer-link { color: #fff; text-decoration: none;  }
    #footer-link:hover { color: yellow; }
    footer hr { color: #fff; }
    
.topnav { overflow: hidden; }
.topnav a { float: left; display: block; color: #262262; line-height: 100px; text-align: center; padding: 0 16px; text-decoration: none; font-size: 17px; }
.topnav .icon { display: none; }
.dropdown { float: left; overflow: hidden; }
.dropdown .dropbtn { font-size: 17px; border: none; outline: none; color: #262262; padding: 0 16px; font-family: inherit; margin: 0; background-color: white; line-height: 100px; }
.dropdown-content { display: none; position: absolute; min-width: 160px; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2); z-index: 9; background-color: white; }
.dropdown-content a { float: none; color: black; padding: 12px 16px; text-decoration: none; display: block; text-align: left; line-height: 20px; z-index: 9;  }
.topnav a:hover, .dropdown:hover .dropbtn { color: black; }
.dropdown-content a:hover { color: black; }
.dropdown:hover .dropdown-content { display: block; }

@media screen and (max-width: 600px) {
  .topnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .topnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 600px) {
  .topnav.responsive {position: relative;}
  .topnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .topnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .topnav.responsive .dropdown {float: none;}
  .topnav.responsive .dropdown-content {position: relative;}
  .topnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}

@media screen and (max-width: 992px) {
    body { background-color: #fff; }
    #splashIntro {  font-weight: 300; height: 200px;  font-size: 22px; line-height: 70px; color: #000; position: relative; animation: animatebottom 1.4s; padding: 13px; }
    #splashScreen { height: auto; }
  .col-2, .col-3, .col-4, .column, .park-window { display: block; width: 99%; margin: 0 auto; }
}

@media screen and (max-width: 600px) {
    body { background-color: #fff; }
}