/* home */
h1 {
  font-weight: bold;
}
body {
	background-color: black;
	font-family: "SpaceGrotesk", sans-serif;
  color: white;
}
#hero {
  position: relative;
  height: 100vh;
  text-align: center;
}
#hero > #hero-container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
#hero h1 {
  font-size: 12vw;
}
#hero h2 {
  font-size: 4vw;
}
footer {
    width: 100%;
}

/*Fontface*/
@font-face {
    font-family: 'SpaceGrotesk';
    src: url('/static/fonts/SpaceGrotesk-Regular.woff2') format('woff2'),
         url('/static/fonts/SpaceGrotesk-Regular.woff') format('woff');
}
@font-face {
    font-family: 'SpaceGrotesk';
    src: url('/static/fonts/SpaceGrotesk-Bold.woff2') format('woff2'),
         url('/static/fonts/SpaceGrotesk-Bold.woff') format('woff');
    font-weight: bold;
}

audio:focus{
	outline: none;
}

/* FOOTER STYLING */

.container-fluid {
  padding: 0;
}
#footer {
  color: #EEEEEE;
  font-family: "Space Grotesk Bold", "Helvetica Bold", sans-serif;
/*  padding: 25px;*/
}

#footer div {
  -webkit-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 25px;
          column-gap: 25px;
  -webkit-column-fill: balance;
          column-fill: balance;
  font-family: "Space Grotesk", "Helvetica", sans-serif;
}

#footer div a {
  white-space: nowrap;
}

@media (min-width: 576px) {
  #footer div {
    -webkit-column-count: 2;
            column-count: 2;
  }
}



#mc_embed_shell{
  width: 60%;
  margin: 50% 20%;
}

#bf-main-logo-outter {
  width: 100%;
  margin: 5% 0%;
}

@media (min-width: 992px) {
  #footer div {
    -webkit-column-count: 4;
            column-count: 4;
  }
  #footer div p {
    margin-bottom: 1rem;
  }
}

@media (min-width: 480px) {
  #mc_embed_shell{
    width: 100%;
    margin: 0;
    /* height: 20%; */
    flex: 0 0 auto;

  }
  #bf-main-logo-outter{
    width: 50%;
    margin: 0;
    /* height: 80%; */
    flex: 0 0 auto;
    font-size: 2vmin;
  }

  #mc_embed_signup{
    width: 15%;
    margin: 0 42.5vw 15vh;
    font-size: 90%;
  }
}

#landing-body{
  position: relative;
}

#landing-cont{
  display: flex;
  flex-wrap: wrap;
  height: 100vh;
  width: 100vw;
  justify-content: center;
  align-items: center;
}

#mc-embedded-subscribe{
  width: 100%;
  background-color: black;
  border: 0px;
  padding: 0;
  margin-top: 5%;
}

#bf-main-logo{
  margin:  0;
  width: 100%;
  vertical-align: middle;
  border-style: none;
}

.bf-main-txt{
  text-align: center;
  font-weight: 800;
  color: #e2d7cb;
}


#mce-EMAIL{
  border-radius: 25px;
  border: 1px solid #e2d7cb;
  background: black;
  color: #e2d7cb;
  text-align: center;
  width: 100%;
  line-height: 2.5;
}

#mc-field-group{
  padding: 0;
  margin: 0;
  width: 100%;
}