@font-face {
  font-family: singleSleeve;
  src: url(../vendor/fonts/single_sleeve/sing_14l.ttf);
}

body{
    background-image:url(../img/header.jpg);
    background-position-x: -900px;
  }

  h1{
    font-family: 'singleSleeve','Open Sans', 'Helvetica Neue', Arial, sans-serif;
    font-size: 80px !important;
    /* font-stretch: expanded; */
    /* font-kerning: normal; */
    /* font-weight: normal; */
    letter-spacing: 0.05em;
   /* -webkit-text-stroke: 0.01px #246c9f;*/
   text-shadow:
       3px 3px 0 #000,
     -1px -1px 0 #000,  
      1px -1px 0 #000,
      -1px 1px 0 #000,
       1px 1px 0 #000;
  }

  .bottom-left-fixed{
    /*fixed only when the height is big enough*/
      /*position: initial;
      left: 0px;
      bottom: 0px;
      color: #757575;
      font-size: x-small;*/
      
      
      /*position: absolute;
        left: 0px;
        bottom: px;
        color: #757575;
        font-size: x-small;
        position: -webkit-sticky;
        position: sticky;
        bottom: 0px;
        padding-top: 60%;*/

        position: static;
        left: 0px;
        color: #757575;
        font-size: x-small;
        bottom: 0px;
        margin-top: 100%;
    }

  header.masthead {
    height:100%;
    min-height:575px;
    /*z-index: 1000;*/
  }

  .subtle-link{
    /*TODO: change the color*/
    color: #f7835991;
  }

  .small-logo{
    display: initial;
  }

  .big-logo{
    display: none;
  }

  .img-fluid{
    max-width: 80%;
  }

  @media (min-width: 600px){
    body{
      background-position-x: center;
    }
  }
  
  @media (min-width: 768px){
    .small-logo{
      display: none;
    }
  
    .big-logo{
      display: initial;
    }
  }

 /* @media only screen (min-width: 768px) and (min-height: 750px) and (max-height: 1280px){
    .big-logo{
      margin-top: -150px;
    }
  }*/

  @media (min-height: 750px){
    .bottom-left-fixed{
      position: fixed;
    }
  }