@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Gentium+Basic:ital@1&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
* {
  margin:  0;
  padding:  0;
  box-sizing: border-box;
  /*color: #fff;*/
}
a:hover {cursor: pointer;}
img{display: block;max-width: 100%;}
body{background-image: url("/assets/images/Fly-Courageous_splash-page-backer_lg.png");background-repeat: no-repeat;background-size: cover;min-height: 100vh;}
h1{font-size: 5vw;line-height: 4.4vw;font-family: 'Poppins', sans-serif;letter-spacing: -0.2rem;font-weight: 500;color: #fff;}
h2{font-size: 2.25vw;line-height: 2.75rem;font-family: 'Poppins', sans-serif; font-weight: 300;margin-top: 1rem;color: #97ff05;}
h3{font-size: 1.3vw;line-height: 1.9rem;font-family: 'Poppins', sans-serif;font-weight: 400;margin-top: 2rem;color: #fff;}
p{font-weight: 200;color: #fff;}
.green{color: #97ff05;}
.fly{font-family: 'Cormorant Garamond', serif; font-weight: 300;;font-size: 6vw;transform: skew(-12deg);margin: 0 0 1rem 1rem;}
div.rocket-kid{max-height: 96vh;}
img.rocket-kid{width:35vw}
.wrapper{display: -webkit-flex; /* Safari */display: flex;align-items: center; justify-content: space-around;height: 96vh;padding-top:3vh;}
div.content{width:50vw}
.brand{display: flex; flex-direction: row;align-items: center;margin: 1.5rem 0 0 1.2rem;}

.sm1{max-height: 3.2vw;min-height: 2.5vw;margin: 0 1rem;}

.sm1-swap a img:last-child {
  display: none;  
}
.sm1-swap a:hover img:last-child {
  display: block;  
  filter: drop-shadow(0px 0px 4px #000); transform: scale(1.1);
}
.sm1-swap a:hover img:first-child {
  display: none;  
}

div.splash-logo{max-width: 25vw;margin-right: 1rem;}
div.splash-logo-sm {display: none;}
div.spacer{width: 15vw;}
.cta{background-color: #97ff05;padding: 8px 12px;color: #00278e;margin: 1rem 0;text-transform: uppercase;text-align: center;font-weight: 600;width: 200px;}
.cta a {text-decoration: none;color: #00278e;}
.copyright{color:#fff;font-size: .8rem; font-weight: 300;padding-left:1rem;margin-bottom: 1rem;}

/*Mailchimp Override*/

#mc_embed_signup{background:none; clear:left; font:0.85rem 'Poppins', sans-serif;max-width:65%;}
    #mc_embed_signup form {margin: 1rem 0;padding:0;}
    #mc_embed_signup h2 {font-weight: 200!important;padding: 0;margin: 5px 0;font: 1.2rem 'Poppins', sans-serif;}
    #mc_embed_signup .button{background-color:#97ff05;color:#00278e;}

/*@media only screen and (max-width: 768px) {
  .wrapper{display: -webkit-flex;display: flex;flex-direction: column;height: auto;padding-top: 1rem;}
  }*/

@media only screen and (orientation: portrait) {
  h1{font-size: 9vw;letter-spacing: 0rem;}
  h2{font-size: 1.4rem;line-height: 1.75rem;}
  h3{font-size: 1.2rem;line-height: 1.5rem;margin-top: 1rem;}
  .fly{font-size: 10vw; margin: 0 0 1.3rem 1rem;}
  .wrapper {display: -webkit-flex; /* Safari */display: flex;flex-direction: column;height: auto;align-items: top;padding-top: 1rem;}
  div.splash-logo {
    display: none;
  }
  div.splash-logo-sm {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 85vw;
  }
  div.rocket-kid{max-width: 100vw;}
img.rocket-kid{width:100vw;margin-top: 1rem;margin-left: -8vw;}
div.content{width:100vw;padding: 0 2rem;}
div.spacer{display: none;}
.brand{margin: 2rem 0.5rem;justify-content: space-evenly;}
#mc_embed_signup{max-width:100%;}
.sm1{max-height: 3.5rem;min-height: 3rem;}
.copyright{text-align: center;padding-left:auto;}
}
@media only screen and (max-height: 514px) {.wrapper{margin: 3rem 0;height: 100vh;}}

/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {...}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {...}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {...}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {...}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {...}