FLOATLAYOUTstep2CSS

      /* ============================ */
      /* Section 1: Document defaults */
      /* ============================ */
      @import url(http://fonts.googleapis.com/css?family=Lato:400,700,900);
      @import url(http://fonts.googleapis.com/css?family=Bangers);
      body {margin: 2% 15%; font-family: Lato, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt;
        background-image: url(images/plhouse.jpg);
        background-repeat: no-repeat;
        background-size: 30%;
        background-attachment: fixed;
      }

      /* =============================== */
      /* Section 2: Header element rules */
      /* =============================== */
      header {
         background-image: url(images/SeeThroughWaves.png);
         background-repeat: no-repeat;
         background-size: 100%;
         height: 0;
         padding-bottom: 24.1%;
         border-left: solid #121E26 1px;
         border-right: solid #121E26 1px;
      }
      header h1 {
         margin: 0;
         padding: 0;text-align: center;
         font-family: Bangers, "Times New Roman", Times, serif;
         font-size: 5.8vw;
         text-shadow: 8px 8px #B9D9E8;
         }
      header p.TagLine {margin-bottom: 1em; font-style: italic; text-align: center; font-size: 1.8vw}