@charset "utf-8";
   /* CSS Document */
   /*
    header text color: #4b4a4b;
    font-family: 'Open Sans'
    font-family: 'Jacques Francois Shadow'
    font-family: 'Jacques Francois'*/
   * {
       margin: 0;
       padding: 0;
       box-sizing: border-box;
       font-family: 'Open Sans', Verdana, sans-serif;
   }

   html {
       background-color: #aea2c6;
       scroll-behavior: smooth;
   }

   body {
       height: 100%;
       font-size: 1em;
       background: linear-gradient(to bottom, #aea2c6 0%, #aec2d9 99%, #aea2c6 100%);
   }

   #wrapper {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       -ms-flex-wrap: nowrap;
       flex-wrap: nowrap;
       max-width: 980px;
       margin: 0 auto;
   }

   header {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

   header img {
       margin: 2% auto;
       width: 89px;
       height: 125px;
       border: 0;
   }

   nav {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
   }

   nav li {
       display: -webkit-inline-box;
       display: -ms-inline-flexbox;
       display: inline-flex;
       text-transform: uppercase;
       letter-spacing: .063em;
       list-style: none;
       margin: 0 .5em;
       font-size: .75em;
   }

   nav li a {
       -webkit-transition: all 1.5s ease-in-out;
       transition: all 1.5s ease-in-out;
       text-decoration: none;
       color: black;
   }

   nav li a:hover {
       text-decoration: none;
       color: #BEBEBE;
   }

   li.color {
       color: white;
   }

   #quote_box,
   #about,
   #contact,
   .show_off {
       border: .0125em dotted white;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       margin: 10px 25px;
   }

   #quote_box,
   #about,
   #contact {
       padding: 2% 0;
       background-color: rgb(255, 255, 255);
       background-color: rgba(255, 255, 255, 0.80);
   }

   .show_off {
       padding: 0;
       background-color: rgb(255, 255, 255);
       background-color: rgba(255, 255, 255, 0.60);
   }

   .show_off_art_email {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       width: 50%;
   }

   .show_off_art_web {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       width: 50%;
   }

   .show_off_art_email img,
   .show_off_art_web img {
       display: block;
       width: 465px;
       max-width: 100%;
   }

   .show_off_text_email {
       width: 50%;
       padding: 2%;
   }

   .show_off_text_web {
       width: 50%;
       padding: 2%;
   }

   .column_left {
       width: 34%;
       margin-left: 1em;
   }

   .column_right {
       width: 52%;
   }

   #email,
   #web {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-orient: horizontal;
       -webkit-box-direction: normal;
       -ms-flex-direction: row;
       flex-direction: row;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       margin: 2em auto -.5em auto;
   }

   .title {
       text-transform: uppercase;
       color: black;
       font-size: 1.125em;
       margin: .5em 0;
   }

   .subject_label {
       font-style: italic;
       font-size: .938em;
       line-height: 1.375em;
       margin: 0;
   }

   .subject_line {
       font-size: 1em;
       line-height: 1.375em;
       margin: 0 0 .75em 0;
       font-weight: normal;
   }

   .note {
       line-height: 1.375em;
       margin-bottom: .5em;
   }

   .view_button {
       width: 115px;
       max-width: 115px;
       border-radius: 3px;
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       font-size: 1em;
       text-decoration: none;
       padding: 7px 10px;
       border: 1px solid black;
       margin: 10% 0 0 0;
   }

   .view_button a {
       text-decoration: none;
       color: black;
   }

   .view_button a:hover {
       text-decoration: none;
       color: #BEBEBE;
       -webkit-transition: all 1.5s ease-in-out;
       transition: all 1.5s ease-in-out;
   }

   h1 {
       font-family: 'Jacques Francois Shadow', Georgia;
       font-weight: normal;
       font-size: 2.50em;
       color: #4b4a4b;
       margin-top: -.188em;
       margin-left: 0;
       margin-bottom: .25em;
   }

   h2 {
       font-family: 'Jacques Francois Shadow', Georgia;
       font-weight: normal;
       font-size: 2.30em;
       color: #4b4a4b;
       margin-top: -.188em;
       margin-bottom: .25em;
   }

   p {
       font-size: .938em;
       line-height: 1.375em;
   }

   blockquote {
       font-size: .938em;
       line-height: 1.375em;
       margin: 0 8% 1% 0;
   }

   h3 {
       text-transform: uppercase;
       letter-spacing: .063em;
       font-size: .75em;
       font-weight: normal;
   }

   footer {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       -ms-flex-line-pack: center;
       align-content: center;
       -webkit-box-orient: vertical;
       -webkit-box-direction: normal;
       -ms-flex-direction: column;
       flex-direction: column;
       margin-bottom: 4em;
   }

   .small_logo {
       display: -webkit-box;
       display: -ms-flexbox;
       display: flex;
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
   }

   .small_logo img {
       margin: 2% auto 0 auto;
       width: 50px;
       height: 70px;
       border: 0;
   }

   .copyright {
       -webkit-box-pack: center;
       -ms-flex-pack: center;
       justify-content: center;
       font-family: 'Jacques Francois', Georgia, serif;
       font-size: .75em;
       text-align: center;
       margin-top: .5em;
   }

   .column_right a:link {
       -webkit-transition: all 1.5s ease-in-out;
       transition: all 1.5s ease-in-out;
       text-decoration: underline;
       color: #000000;
   }

   .column_right a:visited,
   .column_right a:hover,
   .column_right a:active {
       text-decoration: underline;
       font-style: italic;
   }

   @media all and (max-width:910px) {

       #quote_box,
       #about,
       #contact,
       .show_off {
           -webkit-box-orient: vertical;
           -webkit-box-direction: normal;
           -ms-flex-direction: column;
           flex-direction: column;
       }

       .show_off_art_email {
           width: 100%;
       }

       .show_off_text_email {
           width: 92%;
           margin: 0 4%;
       }

       .show_off_art_web {
           width: 100%;
           order: -1;
       }

       .show_off_text_web {
           width: 92%;
           margin: 0 4%;
       }

       .view_button {
           margin: 8% auto 3% auto;
       }

       .column_left {
           width: 100%;
       }

       .column_right {
           width: 100%;
           margin-left: 1em;
       }

       blockquote {
           margin: 0 8% 2% .5em;
       }

       h1 {
           margin-left: .25em;
       }

       h2 {
           margin-left: .25em;
       }
   }