@font-face {
   font-family: 'Bogart';
   src: url('Bogart.ttf');
}
@font-face {
   font-family: 'Antipasto';
   src: url('Antipasto.ttf');
}
@font-face {
   font-family: 'Avenir';
   src: url('Avenir-Roman.ttf');
}
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
            overflow:hidden;
            margin: 0;
            padding: 0;
        }

        body {
            background: #194f4f;
            color: #FFC27B;
        }

        p {
            line-height: 1.8;
            letter-spacing: 0.1em;
        }

        div#header {
            position: relative;
        }

        div#header h1 {
            height: 80px;
            line-height: 80px;
            width:200px;
            max-width:200px;
            position: fixed;
            margin: 0;
            padding-left: 10px;
            background: #194f4f;
            color: #292929;
        }

        div#header a {
            position: fixed;
            right: 0;
            top: 23px;
            padding: 10px;
            color: #006;
        }


        div#footer {
          position: fixed;
          left: 0;
          bottom: 0;
          width: 100%;
          background-color: #194F4F;
          color: white;
          text-align: center;
        }

        div#footer p {
            padding: 20px 10px;
        }


        div#footer {
            clear: left;
            width: 100%;
        }

        .center {
          margin: 0;
          position: absolute;
          width: auto;
          top: 50%;
          left: 45%;
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
        }

        .column {
          float: left;
          width: 33.33%;
          padding: 10px;
          max-width: 100%;

        }

        /* Clear floats after the columns */
        .row:after {
          content: "";
          display: table;
          clear: both;
        }
        .right {
          float: right;
          padding-left: 20%;
        }


 .blob-north{
  align: center;
  width:150px;
  margin: -10px -100px 0px;
  max-width:150px;
}

.blob-east{
 width:150px;
 max-width:150px;
}

.blob-south{
 align: center;
 width:150px;
 margin-left: 40%;
 margin-bottom: -10%;
 max-width:150px;
}


.hero{
  text-align: center;
  font-weight: bold;
  text-shadow: 5px 5px black;
  font-family: Avenir;
  font-size: 5.8vw;
}

.second{
  text-align: center;
  font-size: 2.0vw;
  font-weight: bold;

  font-family: Bogart;
  align:center;
  margin-bottom: 15%;
}