html, body {
        background-color: #FBFFFD;
        color: #636b6f;
        font-family: 'Open Sans Condensed', sans-serif;
        font-size: 25px;
        font-weight: 300;
        height: 100vh;
        margin: 0;
    }

    .feel {
      font-family: 'Permanent Marker', cursive;
      font-size: 100px;
      color: #FBFFFD;
    }


    .coming {
      font-family: 'Satisfy', cursive;
      font-size: 40px;
      color: #FBFFFD;
    }


    @media only screen and (min-device-width: 310px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 2)
    {

      .feel {
        font-size: 50px;
        }

      .coming {
        font-size: 30px;
        }

    }

    .no-span {
      display: table;
      white-space: nowrap;
    }

    .no-span:before,
    .no-span:after {
      border-top: 3px solid #FBFFFD;
      content: "";
      display: table-cell;
      position: relative;
      top: 0.75em;
      width: 15%;
    }

    .no-span:before {
      right: 1.5%;
    }

    .no-span:after {
      left: 1.5%;
    }

  #fullimage {
    background-image: url('../img/img3.jpg');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
    text-align: center;
  }

    .full-height {
        height: 100vh;
    }

    .flex-center {
        align-items: center;
        display: flex;
        justify-content: center;
    }

    .position-ref {
        position: relative;
    }

    .top-right {
        position: absolute;
        right: 10px;
        top: 18px;
    }

    .content {
        text-align: center;
    }

    .title {
        font-size: 30px;
    }

    .m-b-md {
        margin-bottom: 30px;
    }

    .bold {
        font-weight: 700;
    }

    .text-center {
      text-align: center;
    }