@charset "UTF-8";
* {
  box-sizing: border-box;
}

redtype {
  color: #ff1900;
}
bluetype {
  color: #756039;
}
whitetype {
  color: #ffffff;
}
Title2 {
font-family: 'Baskervville', serif;
    text-align: left;
    letter-spacing: 0em;
    }
Title3 {
    font-family: 'Baskervville', serif;
        text-align: left;
        letter-spacing: 0em;
        text-indent: 100px;
        }


caption1 {
font-family: 'Barlow Semi Condensed', sans-serif;
    font-size: 20px;
    line-height: 33px;
    letter-spacing: .05em;
    text-align: left;
    font-weight: 100;
          }

caption2 {
    font-family: 'Roboto', sans-serif;
    text-align: left;
    font-weight: 100;
    }



/* RESPONSIVE MEDIA QUERY - Title2 */
@media screen and (min-width: 600px) {
    Title2 {
    font-size: 60px;
    line-height: 70px;
    }
    }

@media screen and (max-width: 600px) {
    Title2 {
    font-size: 38px;
    line-height: 48px;
    }
    }

/* RESPONSIVE MEDIA QUERY - Title3 */
@media screen and (min-width: 600px) {
    Title3 {
    font-size: 28px;
    line-height: 40px;
    }
    }

@media screen and (max-width: 600px) {
    Title3 {
    font-size: 20px;
    line-height: 30px;
    }
    }

/* RESPONSIVE MEDIA QUERY - caption2 */
@media screen and (min-width: 600px) {
    caption2 {
      font-size: 18px;
      line-height: 24px;
      letter-spacing: .05em;
    }
    }

    @media screen and (max-width: 600px) {
    caption2 {
      font-size: 14px;
      line-height: 20px;
      letter-spacing: .05em;
    }
    }



/* blue link + red hover*/
a:link, a:visited  {
font-family: 'Baskervville', serif;
    text-align: left;
    font-style: italic;
    color: #756039;
    letter-spacing: 0em;
    text-decoration:inherit;
    border-bottom: 1.5px solid currentColor;
    }
a:hover {
  color: #fab73c;
    }

/* red link + blue hover*/
a.one:link, a.one:visited  {
font-family: 'Baskervville', serif;
    text-align: left;
    font-style: italic;
    color: #756039;
    letter-spacing: 0em;
    text-decoration:inherit;
    border-bottom: 1.5px solid currentColor;
    }
a.one:hover {
    color: #fab73c;
    }


.background1 {background-color:#ffffff; }
.background2 {background-color:#ffffff; }
.grid {column-count:2}


.aligncenter {
    align:right;
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: 75%;
}
.center {
    margin: auto;
    padding-left: 20px;
    padding-right: 20px;
    width: auto;
    max-width: 800px;
}
.centerimg2 {
    margin: auto;
    width: 100%;
}
.centerimgfull {
    width: 100%;
}

.imagepair {width:100%;height;500px;}
.imagepair2 {float:left;width:50%;height:100%;object-fit:cover;}


/* COLUMN GRID MEDIA QUERY -
Create columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 20px;
}
/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}


/* On screens that are 992px wide or less, go from four columns to two columns */
@media screen and (max-width: 992px) {
  .column {
    width: 50%;
  }
}

/* On screens that are 600px wide or less, make the columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}