:root {
  /*--cassiopeia-color-primary: #f7fbfe;*/
  --cassiopeia-color-link: #224faa;
  --cassiopeia-color-hover: #424077;
  --cassiopeia-color-primary: rgba(255, 255, 255, 0.1);
  --color-dark-navy-trans: rgba(0, 0, 88, 0.1);
  --color-dark-navy-dark-trans: rgba(0, 0, 88, 0.5);
  --color-dark: rgba(119, 136, 153, 0.6);
  --color-light-text: #fff;
  --color-logo-navy: #224091;
  --color-logo-navy-background: #182e68;
}
body {
  font-family: 'Jost', sans-serif;
  background: var(--color-logo-navy-background);
}
.h2, .h3, .h4, .h5, .h6, h2, h3, h4, h5, h6, p {
  font-family: 'Jost', sans-serif;
}
.text-1 .h2, .text-1 .h3, .text-1 .h4, .text-1 .h5, .text-1 .h6, .text-1 h2, .text-1 h3, .text-1 h4, .text-1 h5, .text-1 h6, .text-1 p {
  font-variant: small-caps; 
}
.h1, h1 {
  font-family: 'Tangerine', cursive;
  font-size: calc(2.575rem + 1.5vw);
}
.h2, h2 {
  font-size: calc(1.875rem + 1.3vw);
  font-weight: 400;
}
.h3, h3 {
  font-size: calc(1.4rem + .3vw);
}
.h4, h4 {
   font-size: calc(1rem + .1vw);
}
.h5, h5, .h6, h6 {
   font-size: calc(1.1rem + .1vw);
}
p {
   font-size: calc(1.1rem + .1vw);
}
.container-header {
  background-color: var(--color-light-text);
  background-image: none;
}
.navbar-brand {
  max-width: 100px;
}

.bgimg-1, .bgimg-2, .bgimg-3 {
  position: relative;
  /*opacity: 0.85;*/
  background-attachment: scroll;
  background-size: contain;
  background-position: top;
  background-repeat: no-repeat;
}
.bgimg-1 {
  min-height: 600px;
}
.bgimg-2 {
  min-height: 500px;
}
.bgimg-3 {
  min-height: 800px;
}
.text-1, .text-2, .text-3 {
  position: relative;
  z-index: 1000;
  left: 0px;
  color: var(--color-light-text);
  padding-right: 6%;
  padding-left: 6%;
  background-repeat: no-repeat;
  background-image: url('/sandbox/images/logo/Gallopin-Logo-White.svg');
}
.text-1 {
  top: 180px;
  padding-top: 34%;
  background-size: 130px 114px;
  background-position: center 5%;
}
.text-2 {
  top: 200px;
  padding-top: 20%;
  background-size: 60px 53px;
  background-position: center 10%;
}
.text-3 {
  top: 180px;
  padding-top: 25%;
  background-size: 60px 53px;
  background-position: center 10%;
}
.text-4 {
  padding-top: 2%;
}
.footer .grid-child {
  align-items: flex-start;
  padding-left: 5%;
}
@media screen and (orientation:landscape) and (min-device-width: 319px) and (max-device-width: 768px) {
.bgimg-2 {
  min-height: 600px;
}
.bgimg-3 {
  min-height: 1000px;
}
.text-1 {
  top: 300px;
  padding-top: 22%;
  padding-bottom: 60%;
  background-repeat: no-repeat;
  background-position: center 5%;
}
.text-2, .text-3 {
  top: 330px;
  background-position: center 15%;
}
.text-2 {
  padding-top: 12%;
}
.text-3 {
  padding-top: 25%;
}
}
@media screen and (min-width: 768px) and (max-width: 1024px) 
{
.bgimg-2 {
  min-height: 600px;
}
.bgimg-3 {
  min-height: 1000px;
}
.text-1, .text-2, .text-3 {
  top: 430px;
  background-position: center 5%;
}
.text-1 {
  padding-top: 20%;
  padding-bottom: 60%;
}
.text-2 {
  padding-top: 12%;
  padding-bottom: 60%;
}
.text-3 {
  padding-top: 25%;
  padding-bottom: 60%;
}
}
@media (min-width: 1024px) {
.h3, h3 {
  font-size: calc(1.4rem + .3vw);
}
.h4, h4 {
   font-size: calc(1.3rem + .3vw);
}
.h5, h5, .h6, h6 {
   font-size: calc(1.3rem + .2vw);
}
p {
   font-size: calc(1.3rem + .2vw);
}
.bgimg-1, .bgimg-2, .bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-size: cover;
  }
.bgimg-1{
  min-height: 1000px;
}
.bgimg-2{
  min-height: 900px;
}
.bgimg-3 {
  min-height: 1000px;
}
.text-1 {
  top: 50px;
  padding-right: 10%;
  padding-left: 4%;
  padding-top: 1%;
  background-position: left 5% top;
}
.text-2 {
  top: 100px;
  text-shadow: 4px 2px 4px var(--color-logo-navy-background);
  padding-top: 10%;
  background-image: none !important;
}
.text-3 {
  top: 100px;
  text-shadow: 4px 2px 4px var(--color-logo-navy-background);
  padding-top: 10%;
  background-size: 130px 114px;
}
}