<!DOCTYPE html>
<html lang="en">
  <head>
    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script
      async
      src="https://www.googletagmanager.com/gtag/js?id=UA-6850428-8"
    ></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag() {
        dataLayer.push(arguments);
      }
      gtag("js", new Date());

      gtag("config", "UA-6850428-8");
    </script>

    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
    />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Chris Bolmeier Art | Fine Art | Abstract Art</title>
    <meta
      name="description"
      content="Omaha Nebraska Fine Artist Chris Bolmeier paints abstracts and contemporary fine art with oil on canvas. Also known as Chris Marchese, she is an avid singer and actress."
    />
    <link
      href="https://fonts.googleapis.com/css?family=Lato:300,400,700"
      rel="stylesheet"
      type="text/css"
    />
  </head>
  <style>
    * {
      box-sizing: border-box;
    }

    body {
      background: #323a41;
      color: #fff;
    }

    .header h1 {
      text-align: center;
      padding-top: 18px;
      padding-bottom: 0px;
      font-family: "Lato", sans-serif;
      font-size: 48px;
      font-weight: 300;
    }

    .header ul {
      list-style: disc;
      text-align: center;
      padding: 0;
      font-family: "Lato", sans-serif;
      font-size: 20px;
      font-weight: 300;
    }

    .header li {
      display: inline;
      margin: 30px;
      color: #abaeb1;
    }

    .footer {
      text-align: center;
      padding: 32px;
      font-family: "Lato", sans-serif;
      font-size: 20px;
      font-weight: 300;
      color: #abaeb1;
    }

    .row {
      display: -ms-flexbox;
      /* IE10 */
      display: flex;
      -ms-flex-wrap: wrap;
      /* IE10 */
      flex-wrap: wrap;
      padding: 0 4px;
      /* width: 80%; */
      /* border: 1px solid white; */
      margin: 0 auto;
      width: 95%;
    }

    /* Create four equal columns that sits next to each other */

    .column {
      -ms-flex: 25%;
      /* IE10 */
      flex: 25%;
      max-width: 25%;
      padding: 0 16px;
    }

    .column img {
      margin-top: 32px;
      vertical-align: middle;
    }

    a:link {
      color: #abaeb1;
      color: #6ca6c1;
      border-bottom: 3px solid currentColor;
      padding-bottom: 5px;
      text-decoration: none;
    }

    a:visited {
      color: #abaeb1;
      color: #6ca6c1;
    }

    /* Responsive layout - makes a two column-layout instead of four columns */

    @media screen and (max-width: 800px) {
      .header h1 {
        font-size: 32px;
      }
      .header li {
        margin: 8px;
        font-size: 16px;
      }
      .row {
        width: 100%;
      }
      .column {
        -ms-flex: 50%;
        flex: 50%;
        max-width: 50%;
      }
    }

    /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */

    /* @media screen and (max-width: 600px) {
        .header h1 {
            font-size: 32px;
        }
        .header li {
            margin: 8px;
        }
        .row {
            width: 100%;
        }
        .column {
            -ms-flex: 100%;
            flex: 100%;
            max-width: 100%;
        }
    } */
  </style>

  <body>
    <!-- Header -->
    <div class="header">
      <h1>Chris Bolmeier Art & Song</h1>
      <!-- Celebration of Life -->
      <div class="header">
        <ul>
          <li>A <a href="celebration.html">Celebration</a> of Life</li>
        </ul>
      </div>
      </br>
      <ul>
        <li>Fine Art</li>
        <li>Oil on Canvas</li>
        <!-- <li><a href="in-my-girlish-days.html"> Singer</a>/Actress</li> -->
        <li><a href="media.html"> Singer</a>/Actress</li>
      </ul>
    </div>

    <!-- Art Grid -->
    <div class="row">
      <div class="column">
        <img src="assets/images/FlowersVace_07-04-19.jpg" style="width:100%" />
        <img src="assets/images/Trees3_07-04-19.jpg" style="width:100%" />
        <img src="assets/images/GreenTreesOnPink.jpg" style="width:100%" />
        <img src="assets/images/OhNoLady.jpg" style="width:100%" />
        <img src="assets/images/SittingLadyGreenDress.jpg" style="width:100%" />
        <img src="assets/images/WhiteFlowersRedTrees.jpg" style="width:100%" />
        <img src="assets/images/Flowers05-01-2018_1.jpg" style="width:100%" />
        <img src="assets/images/Green1-2018.jpg" style="width:100%" />
        <img src="assets/images/YellowFlowers-2018.jpg" style="width:100%" />
        <img src="assets/images/GoldFlow.jpg" style="width:100%" />
        <img src="assets/images/BlueForest.jpg" style="width:100%" />
        <img src="assets/images/Dialog.jpg" style="width:100%" />
        <img src="assets/images/KaboodleOfTrees.jpg" style="width:100%" />
        <img src="assets/images/MaryXO.jpg" style="width:100%" />
        <img src="assets/images/OneWoman.jpg" style="width:100%" />
        <img src="assets/images/RedRoof.jpg" style="width:100%" />
      </div>
      <div class="column">
        <img
          src="assets/images/FlowersAndYellow_07-04-19.jpg"
          style="width:100%"
        />
        <img src="assets/images/LeftLeaningFlowers.jpg" style="width:100%" />
        <img
          src="assets/images/SittingLadyDancingCouple.jpg"
          style="width:100%"
        />
        <img src="assets/images/WhiteFlowersOnYellow.jpg" style="width:100%" />
        <img src="assets/images/Irises2018.jpg" style="width:100%" />
        <img src="assets/images/SeasonsMerge.jpg" style="width:100%" />
        <img src="assets/images/SeptemberClearing.jpg" style="width:100%" />
        <img src="assets/images/FallingLeavesII.jpg" style="width:100%" />
        <img src="assets/images/367Impression.jpg" style="width:100%" />
        <img src="assets/images/Erin.jpg" style="width:100%" />
        <img src="assets/images/FourWayDesign.jpg" style="width:100%" />
        <img src="assets/images/LFChrisRed.jpg" style="width:100%" />
        <img src="assets/images/PaletteKnifePlay.jpg" style="width:100%" />
      </div>
      <div class="column">
        <img src="assets/images/FireRedTrees.jpg" style="width:100%" />
        <img src="assets/images/Trees1_07-04-19.jpg" style="width:100%" />
        <img src="assets/images/LavendarAndFlowers.jpg" style="width:100%" />
        <img src="assets/images/PeachyFlowers1.jpg" style="width:100%" />
        <img src="assets/images/WhiteFlowersInVase1.jpg" style="width:100%" />
        <img src="assets/images/Peonies2018_1.jpg" style="width:100%" />
        <img src="assets/images/SpringIII.jpg" style="width:100%" />
        <img src="assets/images/TreesByDesign.jpg" style="width:100%" />
        <img src="assets/images/ForestForJulia.jpg" style="width:100%" />
        <img src="assets/images/GreySplash1.jpg" style="width:100%" />
        <img src="assets/images/InspiredSplatter1.jpg" style="width:100%" />
        <img src="assets/images/NovemberGrey1.jpg" style="width:100%" />
        <img src="assets/images/AllSeasonPath.jpg" style="width:100%" />
        <img src="assets/images/NewTrees.jpg" style="width:100%" />
        <img src="assets/images/PolkaDotGirl.jpg" style="width:100%" />
      </div>
      <div class="column">
        <img src="assets/images/Trees2_07-04-19.jpg" style="width:100%" />
        <img src="assets/images/BrushyBrightTrees.jpg" style="width:100%" />
        <img src="assets/images/HeyComeOutAndPlay.jpg" style="width:100%" />
        <img src="assets/images/PeachAndSunFlowers.jpg" style="width:100%" />
        <img src="assets/images/TrioOfFlowers.jpg" style="width:100%" />
        <img src="assets/images/Peonies3.jpg" style="width:100%" />
        <img src="assets/images/HairAndShadows.jpg" style="width:100%" />
        <img src="assets/images/Margaret.jpg" style="width:100%" />
        <img src="assets/images/EastIndian.jpg" style="width:100%" />
        <img src="assets/images/Abstract148.jpg" style="width:100%" />
        <img src="assets/images/ConcreteCove.jpg" style="width:100%" />
        <img src="assets/images/AbstractOcean.jpg" style="width:100%" />
        <img src="assets/images/SpitCurl.jpg" style="width:100%" />
        <img src="assets/images/Abstract_04-01-18_1.jpg" style="width:100%" />
        <img src="assets/images/Carly.jpg" style="width:100%" />
        <img src="assets/images/RickJones.jpg" style="width:100%" />
      </div>
    </div>

    <!-- Footer -->
    <div class="footer">
      <p>
        &copy
        <script type="text/javascript">
          document.write(new Date().getFullYear());
        </script>
        Chris Bolmeier Art
      </p>
    </div>
  </body>
</html>
