:root {
  --main-bg-color: rgba(20,20,20,1);
}

body {
  font-family: 'Play', sans-serif;
  font-family: 'Arvo', serif;
  background-color: var(--main-bg-color);
  color: rgba(255,255,255,0.9);
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  text-shadow: .1em .05em .2em rgba(0,0,0,0.5);
}

.img-shadow {
  filter: drop-shadow(0.2em .5em .5em rgba(0,0,0,0.5));
}

.banner {
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
  min-height: 100vh;
}

.banner-50 {
  min-height: 50vh;
}

.banner-75 {
  min-height: 75vh;
}

.banner1 {
  background-image: url('images/banner-600.jpg');
}

@media (min-width: 750px) {
  .banner1 { background-image: url('images/banner-900.jpg'); }
}

@media (min-width: 1050px) {
  .banner1 { background-image: url('images/banner-1200.jpg'); }
}

@media (min-width: 1350px) {
  .banner1 { background-image: url('images/banner-1500.jpg'); }
}

@media (min-width: 1650px) {
  .banner1 { background-image: url('images/banner.jpg'); }
}

.bg-fade-black-bottom {
  background: linear-gradient(to top, var(--main-bg-color) 10%, transparent 100%);
}

.fab.fa-instagram {
  color: #FFFFFF;
  background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);;
}

.fab.fa-facebook {
  color: #2C73EA;
}

.fab.fa-twitter {
  color: #38A1F2;
}

.headerLogo {
  max-height: 71px;
  width: 300px;
}

.headerLogo_fill {
/*
  fill: #4d4f53;
*/
  fill: #288190;
  -webkit-filter: drop-shadow( 0rem 0.15rem 0.35rem rgb(0 0 0 / 75%));
  filter: drop-shadow( 0rem 0.15rem 0.35rem rgb(0 0 0 / 75%));
}

.flex-grow,
.f-grow,
.fgrow {
  -webkit-box-flex: 1;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 1;         /* OLD - Firefox 19- */
  -webkit-flex: 1;          /* Chrome */
  -ms-flex: 1;              /* IE 10 */
  flex-grow: 1 !important;
  min-width: 0%;
  min-height: 0%;
}

.flex-nogrow,
.f-grow-0,
.fgrow-0 {
  -webkit-box-flex: 0;      /* OLD - iOS 6-, Safari 3.1-6 */
  -moz-box-flex: 0;         /* OLD - Firefox 19- */
  -webkit-flex: 0;          /* Chrome */
  -ms-flex: 0;              /* IE 10 */
  flex-grow: 0 !important;
  min-width: 0%;
  min-height: 0%;
}

.flex-shrink,
.f-shrink,
.fshrink {
  flex-shrink: 1 !important;
  min-width: 0%;
  min-height: 0%;
  max-width: 100%;
  max-height: 100%;
}

.flex-shrink-0,
.flex-noshrink,
.f-shrink-0,
.fshrink-0 {
  flex-shrink: 0 !important;
  min-width: 0%;
  min-height: 0%;
}

.smallpic {
  max-width: 200px;
}