*{ box-sizing: border-box; }
      body{ margin: 0; font-family: 'Raleway', sans-serif; }
      h1{ font-size: 2em;  }
      .wrapper{
          width: 100%;
          max-width: 960px;
          margin: 0 auto;
          display: grid;
          grid-template-columns: repeat(auto-fill, minmax(350px, 1fr) );
      }
      section{
          margin: 5px;
          background-color: #eee;
          padding: 10vmin;
      }
      figure{
          margin: 5px; 
          margin-bottom: 80px;
      }
      @media (min-width: 700px){ 
          .wrapper{row-gap: 80px;}
          
      }
      figure img{ 
          width: 100%;
          display: block;
      }
      header{
          width: 100%;
          max-width: 960px;
          margin: 0 auto 50px auto;
          padding-left: 5px;
          padding-right: 5px;
      }
      header img { width: 100%; }

      .floater{ margin-left: 10px; }

      .gfx{ width: 60%; display: block; margin: 0 auto;}
      .gfx2{ width: 70%;  display: block; margin: 90px auto;}

      .bbbanner{
        background-image:url(WEB/BB_King.png);
        background-size:cover;
        width:100%;
        padding-bottom:44%;
        max-height: 550px;
        transition: padding-bottom 1s;
        margin-bottom: 50px;
      }
      @media (min-width: 800px){
        .bbbanner{
          padding-bottom:30%;
          transition: padding-bottom 1s;

        }
      }