@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: local('Open Sans Light'), local('OpenSans-Light'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://themes.googleusercontent.com/static/fonts/opensans/v6/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

* {
margin:0px;
padding:0px;
}

body {
font-family: 'Open Sans', sans-serif;
color:white;

}

.show-menu {
	text-decoration: none;
	color: #fff;
	background: #58585a;
	text-align: center;
	padding: 10px 0;
	display: none;
	width:100%;
	margin-bottom:1px;
}

input[type=checkbox]{
    display: none;
    -webkit-appearance: none;
}

.blog-link a {
  color: white !important;
  background:#592a41;
  padding:10px;
  border-radius: 5px;
  text-decoration: none;
  text-align: center;
}

.blog-link a:hover {
  background: #776d69;
}

.appointment-button {
  color: white;
  background-color: #2d5e3f;
  padding: 10px 20px;
  border-radius: 20px;
  text-decoration: none;
  font-weight: bold;
  display: block;
  width:120px;
  margin-top: 10px;
  text-align: center;
}

#therapeutic-massage-prices {
  list-style: none;
}

#therapeutic-massage-prices li {
  padding: 3px 0px;
}

@media (min-width: 1100px) {
  .container {
    width: 1100px;
    margin: 0 auto;
  }
  .black {
    color: #000;
  }
  .center {
    text-align: center;
  }
  #header {
    background-color: #2d5e3f;
    width: 100%;
    position: relative;
    z-index: 9;
  }
  #header div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #header-left {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    width: 180px;
  }
  #header-left a {
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 12pt;
    height: 32px;
    margin: 5px 0;
  }
  #header-left a img {
    margin-bottom: -10px;
    border-radius: 4px;
  }
  #header-right {
    padding-top: 10px;
  }
  #header-right a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 12pt;
  }
  #header-right a img {
    margin-bottom: -4px;
    margin-right: 3px;
    width: 18px;
    height: 18px;
  }
  #logo {
    width: 250px;
    object-fit: contain;
  }
  #menu-background {
    background-color: #eeeee8;
    width: 100%;
    box-shadow: 0px 2px 8px #000;
    position: relative;
    z-index: 10000;
  }
  #menu-background div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }

  #mobile-menu {
    display: none;
  }
  #mobile-menu-checkbox {
    display: none;
  }
  #mobile-menu-label {
    display: none;
  }

  #desktop-menu {
    color: black;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    list-style: none;
    width: calc(100% - 300px);
    height: 25px;
    padding-top: 31px;
    padding-bottom: 44px;
    font-weight: bold;
    font-size: 15px;
    align-items: center;

  }
  #desktop-menu li a {
    text-decoration: none;
    color: black;
  }
  #desktop-menu li a:hover {
    color: #592a41;
    /*font-style: italic;
    margin-left: -1.0px;
    margin-right: 1.0px;*/
  }

  .topnav{
    display: flex;
    justify-content: space-between;
    align-items: center;
    z-index: 1000;
  }

  .topnav a{
    color: black;
    font-weight: bold;
    padding: 8px 16px;
    text-decoration: none;
  }

  .topnav a:hover{
    color: white;
    background: #7d7e73;
  }

  #myTopnav a.icon{
    display: none;
  }

  /*dropdown menu styles*/

  .dropdown {
    position: relative;
    display: inline-block;
    z-index: 10000;
  }

  .hidden {
    display: none;
    position: absolute !important;
    padding-top: 10px;
    z-index: 100000;
  }

  .hidden a {
    color: #fff;
    padding: 8px 12px;
    text-decoration: none;
    display: block;
    background-color: rgba(125, 126, 115, .9);
    /*border-bottom: 1px solid rgb(125, 126, 115);*/
    border-bottom: none;
    font-size: .85em;
    width: 200px;
    transition: .4s ;
  }

  .hidden a:hover{
    background-color: #f9f8fb;
    color: #383837;
    display: block;
    opacity: 1;
  }

  .dropdown:hover .hidden {
    display: block;
    z-index: 1000;
  }

  .dropbtn{
    cursor: default;
  }

  a.dropbtn:hover{
    color:#7d7e73;
    background-color:transparent;
  }

  .hidden:hover{
      opacity: 1;
  }

  .hidden {
    animation: fadeIn .5s;
    -webkit-animation: fadeIn .5s;
    -moz-animation: fadeIn .5s;
    -o-animation: fadeIn .5s;
    -ms-animation: fadeIn .5s;
  }
  @keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }

  @-moz-keyframes fadeIn {
    0% {opacity:0;}
    100% {opacity:1;}
  }
  #slider{
    width: 100%;
    height: 32.7604167vw;
    margin-bottom: 50px;
    position: relative;
    z-index: 10;
  }
  .spine-home {
    background-image: url('../images/home-slider.jpg');
    background-size: 100% 100%;
  }
  #slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;

  }
  .yellow-border {
    width: 110px;
    height: 8px;
    background-color: #2d5e3f;
    display: block;
    margin:10px auto;
  }
  /*#slider::after {
    content: "";
    width: 160px;
    height: 10px;
    background-color: #2d5e3f;
    display: block;
    position: relative;
    top: -744px;
    left: calc(50% - 80px);
    z-index: 999;
  }*/
  #slider.spine-home::after {
    display: none;
  }
  #slider img + .gray-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(64, 64, 64, 0.5);
    position: relative;
    top: -101%;
    z-index: 99;
  }
  .gray-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(64, 64, 64, 0.5);
  }
  .slider-text {
    width: 800px;
    margin: 0 auto;
    padding-top: 200px;
    text-align: center;
    height: 200px;
  }
  .slider-text h1 {
    font-size: 36pt;
    text-shadow: 2px 2px 1px #333;
  }
  .slider-text.small h1 {
    font-size: 23pt;
  }
  .slider-button {
    margin-top: 20px;
  }

  .slider-text h3 {
    font-size: 16pt;
    font-weight: bold;
    text-shadow: 2px 2px 1px #333;
  }
  /*.slider-text div {
    margin-top: 50px;
  }*/
  .slider-text a {
    /*font-size: 12pt;*/
    color: white;
    background-color: #2d5e3f;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
  }
  .slider-text a:hover {
    background-color: #417755;
  }
  h2 {
    margin-bottom: 15px;
  }
  .content-image {
    float: right;
    margin: 20px 0 20px 20px;
  }
  .container.content {
    line-height: 2;
  }
  .container.content p {
    margin: 0 0 20px;
    font-size: 12.5pt;
    line-height: 1.8;
  }
  .container.content p a {
    color: #592a41;
    text-decoration: none;
    font-weight: bold;
  }
  .container.content p a:hover {
    color: #333;
  }
  .container.content h3 {
    margin-bottom: 20px;
  }
  .blog-link {
    width: 100%;
    clear: both;
    margin-bottom: 20px;
    min-height: 250px;
  }
  .blog-link img {
    float: left;
    margin-right: 20px;
  }
  /*.blog-link a {
    text-decoration: none;
    color: #592a41;
  }
  .blog-link a:hover {
    color: #333;
  }*/
  #contact-map {
    width: 100%;
  }
/*  #contact-map div[style="position: absolute; left: 0px; top: 0px;"] {
    left: calc(41% - 550px) !important;
  }*/
  .contact-form {
    position: relative;
    z-index: 99;
    top: -475px;
    width: 325px;
    background: white;
    padding: 20px;
    /* padding-left: 22px; */
    margin-left: calc(41% - 550px);
    box-shadow: #b5b5b5 0px 0px 11px 0px;
  }
  .contact-form form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    color: black;
  }
  .contact-form form div {
    display: flex;
    flex-direction: column;
    width: 45%;
  }
  .contact-form form div#message{
    display: flex;
    flex-direction: column;
    width: 90%;
  }
  .contact-form form input {
    padding: 10px;
    border-radius: 3px;
    border: 1px #555 solid;
    background-color: #eee;
  }

  .hours-flex {
    display: flex;
    flex-direction: column;
    width: 400px;
    margin: 0 auto;
  }
  .hours-flex div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  .icon h2 {
    text-align: center;
  }
  .icon-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 1100px;
    transform: translate(-50%, 0);
    margin: 50px 0 0 50%;
    padding-bottom: 50px;
  }
  .icon-flex div {
    margin: 20px 50px;
    display: flex;
    flex-direction: column;
    text-align: center;
  }
  .icon-flex div img {
    width: 60%;
    margin: 0 auto;
  }
  .divider-yellow-small {
    background-color: #e1c14b;
    width: 20px;
    height: 2px;
    margin: 0 auto 15px;
  }
  .normal {
    font-weight: 500;
  }
  .italics {
    font-style: italic;
  }
  .narrow {
    width: 750px;
    margin: 0 auto;
    display: block;
  }
  .narrow img {
    margin-top: 20px;
    width: 100%;
    object-fit: cover;
  }
  .yellow-background {
    background-color: #2d5e3f;
    padding-top:40px;
  }
  a.yellow {
    color: white;
    background-color: #2d5e3f;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
  }
  a.yellow:hover {
    background-color: #417755;
  }
  .content-card-container {
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 75px 0 50px;
  }
  .card {
    /*margin-right: -50px;*/
    margin-top: 75px;
    background-color: #e7e7e7;
    width: 380px;
    position: relative;
    height: 200px;
    padding: 50px;
    box-shadow: 0px 0px 20px #555;
  }
  .card div {
    margin-top: 40px;
  }
  .content-card-container.tall .card {
    height: auto;
    margin: 50px 0;
    background-color: #e7e7e7;
    width: 300px;
    padding: 50px;
    box-shadow: 0px 0px 20px #555;
  }
  .content-card-container.tall .card p {
    margin-bottom: 20px;
  }
  .content-card-container img:nth-child(2){
    margin: 50px 0 50px -50px;
    box-shadow: 0px 0px 20px #555;
  }
  .content-card-container img:nth-child(1){
    margin: 50px -50px 50px 0;
    box-shadow: 0px 0px 20px #555;
  }
  .content-card-container.tall img:nth-child(2){
    margin: 50px 0 50px 20px;
    box-shadow: 0px 0px 20px #555;
  }
  .content-card-container.tall img:nth-child(1){
    margin: 50px 20px 50px 0;
    box-shadow: 0px 0px 20px #555;
  }
  #testimonials {
    width: 600px;
    text-align: center;
    margin: 50px auto;
  }

  #footer {
    background-color: #592a41;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 10pt;
  }
  #footer .container {
    padding-top: 50px;
    padding-bottom: 25px;
  }
  #footer h5 {
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #footer p {
    margin-bottom: 20px;
  }
  #footer h5+p {
    font-style: italic;
    width: 900px;
    margin: 0 auto 20px;
  }
  #footer a {
    color: #ddd;
    text-decoration: none;
  }
  #footer a:hover {
    color: #aaa;
  }
  #footer a img {
    margin-bottom: -10px;
  }
  #card-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 225px;
    margin: 0 auto 10px;
  }
  #subfooter {
    background-color: #24262c;
    width: 100%;
    padding: 10px 0;
  }
  #subfooter p {
    margin: 0;
  }
  #subfooter a {
    color: #ccc;
  }
  #subfooter a:hover {
    color: #999;
  }
  .about-collage {
    max-width: 100%;
    height: auto;
  }

  .box {
    float: left;
    width:27%;
    padding:13px;
    margin:0px 20px;
    border:solid 1px #cdcdcd;
    box-shadow: 0px 0px 20px #555;
    line-height: 1.4;
    text-align: center;
    font-size: 12pt;
  }

  .twotenty {
    height:220px;
  }

  .twosixty {
    height:260px;
  }

}



@media screen and (max-width : 1099px){
  h2 {
    text-align: center;
    margin-bottom: 20px;
  }

  .container {
    width: 100%;
  }

  .container img {
    max-width: 90%;
    margin-left: 5%;
    height: auto;
  }

  /* Links inside the navbar */
  .topnav a { 
    float: left;
    font-size: 16px;
    color: #fff;
    background: #383837;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
  }

  /* Add a background color to navbar links on hover */
  .topnav a:hover{
    background: #7d7e73;
    color:#fff;
  }

  /* When the screen is less than 1099 pixels wide, hide all links. 
  Show the link that should open and close the topnav (.icon) */
  .topnav a{
    display:none;
  }

  .topnav a.icon {
    display: block;
    position: absolute;
    font-size: 30px;
    top: -5px;
    right: 0;
    float: right;
    margin-right: 10px;
    color: #383837;
    transition: unset;
    background: transparent;
  }

  .topnav a.icon:hover{
    background-color:transparent;
    color: #383837;
  }

   /* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. 
  This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
  .topnav.responsive {
    position: relative; 
    clear:both;
    margin-top: 0px;
    background: #383837;
  }
    .topnav.responsive a.icon {
      position: absolute;
      right: 0px;
      top: -69px;
      border-bottom:none;
      transition: unset;
    }

    .topnav.responsive a {
      float: none;
      display: block;
      text-align: left;
      border-bottom:1px solid #7d7e73;
      padding-left: 30px;
    }
    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      width: 100%;
      text-align: left;
    }

    /* DROPDOWN MENU */

    .topnav.responsive .dropdown {float: none;}
    .topnav.responsive .dropdown-content {position: relative;}
    .topnav.responsive .dropdown .dropbtn {
      display: block;
      text-align: left;
    }

    .topnav.responsive,
    .hidden {
      animation: fadeIn .5s;
      -webkit-animation: fadeIn .5s;
      -moz-animation: fadeIn .5s;
      -o-animation: fadeIn .5s;
      -ms-animation: fadeIn .5s;
    }
    @keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    @-moz-keyframes fadeIn {
      0% {opacity:0;}
      100% {opacity:1;}
    }

    .topnav-contact{
      border-top: 1px solid white;
    }

    /* Dropdown Content */
    .hidden{
      display: none;
      margin: 15px 0px 5px;
    }

    .hidden a{
      margin-left: 25px !important;
      font-size: .9em;
     /* width: 150px;*/
      border-bottom: none !important;
      padding: 8px 16px;
      margin-top: 5px;
    }

    /*.hidden a:hover{
      color: #e7060d;
      background: transparent;
    }*/

    /* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
    .show {display:block;}

    .dropbtn:hover{
      cursor: pointer;
    }
  
  .black {
    color: #000;
  }
  .center {
    text-align: center;
  }
  #header {
    background-color: #2d5e3f;
    width: 100%;
    height: 40px;
    position: relative;
    z-index: 9;
  }
  .container.content p {
    width: 95%;
    margin: 0 2.5% 5%;
    font-size: 11pt;
    /*line-height: 1.8;*/
  }
  .container.content p a {
    color: #592a41;
    text-decoration: none;
    font-weight: bold;
  }
  .container.content p a:hover {
    color: #333;
  }
  .container.content h3 {
    width: 90%;
    margin: 5%;
  }
    #contact-map {
    width: 100vw;
    max-height: 75vw !important;
  }
/*  #contact-map div[style="position: absolute; left: 0px; top: 0px;"] {
    left: calc(41% - 550px) !important;
  }*/
  .contact-form {
    /*position: relative;
    z-index: 99;
    top: -475px;
    width: 325px;*/
    background: white;
    padding: 20px;
    /* padding-left: 22px; */
    /*margin-left: calc(41% - 550px);*/
    box-shadow: #b5b5b5 0px 0px 11px 0px;
  }
  .contact-form form {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
    color: black;
  }
  .contact-form form div {
    display: flex;
    flex-direction: column;
    width: 45%;
  }
  .contact-form form div#message{
    display: flex;
    flex-direction: column;
    width: 90%;
  }
  .contact-form form input {
    padding: 10px;
    border-radius: 3px;
    border: 1px #555 solid;
    background-color: #eee;
  }
  .blog-link {
    width: 90%;
    clear: both;
    margin: 0 5% 5%;
    border-bottom: solid 1px #cdcdcd;
  }

  .blog-link img {
    display: block;
    max-width: 200px;
    height: auto;
    margin:0 auto 10px;
  }
  .blog-link p {
    margin: 0 !important;
  }

  .blog-link a {
    display: block;
    margin:10px auto;
    width:100px;
  }

  .blog-link h3 {
    text-align: center !important;
  }
  /*.blog-link a {
    text-decoration: none;
    color: #592a41;
  }
  .blog-link a:hover {
    color: #333;
  }*/
  .icon h2 {
    text-align: center;
    padding-top: 5%;
  }
  .icon-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    width: 100%;
    margin: 10% 0 -75px;
    padding-bottom: 25px;
  }
  .icon-flex div {
    margin: 5%;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 20%;
    font-size: 10pt;
  }
  .icon-flex div img {
    height: 46px;
    margin: 0 auto;
  }
  #header div.container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
  }
  #header-left {
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    padding-left:5px;
/*    width: 40%;*/
    margin-top: 3px;
  }
  #header-left a {
    text-decoration: none;
    color: black;
    font-weight: bold;
    font-size: 12pt;
    height: 32px;
    margin: 5px 0;
  }
  #header-left a img {
    margin-bottom: -10px;
    border-radius: 4px;
  }
  #header-right {
    margin-top: 6px;
    text-align: right;
    padding-right: 5px;
    width:90%;
  }

  #header-right a {
    text-decoration: none;
    color: white;
    font-weight: bold;
    font-size: 11pt;
  }
  #header-right a img {
    margin-bottom: -3px;
    margin-right: 3px;
    width:15px;
    height: auto;
  }
  #logo {
    width: 40%;
    object-fit: contain;
  }
  #menu-background {
    background-color: #eeeee8;
    width: 100%;
    box-shadow: 0px 2px 8px #000;
    position: relative;
    z-index: 5;
  }
  #menu-background div.container {

  }

  #mobile-menu {
    display: none;
  }
  #mobile-menu-checkbox {

  }
  #mobile-menu-label {
    color: black;
    padding: 5% 10%;
    font-weight: bold;
    display: block;
    float: right;
  }
  #hamburger {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 30px;
    height: 20px;
  }
  .hamburger-line {
    width: 30px;
    height: 3px;
    background-color: black;
  }
  #mobile-menu-checkbox:checked + #mobile-menu{
    display: flex;
    flex-direction: column;
    position: relative;
    z-index: 99;
    text-align: center;
    padding-bottom: 5%;

  }
  #mobile-menu li {

  }
  #mobile-menu li a{
    color: black;
    text-decoration: none;
    font-weight: bold;
    display: block;
    padding: 5% 0;
    width: 100%;
  }

  #desktop-menu {
    display: none;

  }
  /*#desktop-menu li a {
    text-decoration: none;
    color: black;
  }
  #desktop-menu li a:hover {
    color: #592a41;
    font-style: italic;
    margin-left: -1.0px;
    margin-right: 1.0px;
  }*/
  #slider{
    width: 100%;
    height: 180px;
    margin-bottom: 40px;
  }
  #slider img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .yellow-border {
    width: 110px;
    height: 4px;
    background-color: #2d5e3f;
    display: block;
    margin:10px auto;
  }
  /*#slider::after {
    content: "";
    width: 110px;
    height: 4px;
    background-color: #2d5e3f;
    display: block;
    position: relative;
    top: -587px;
    left: calc(50% - 55px);
    z-index: 999;
  }*/
  #slider.spine-home::after {
    display: none;
  }
  .spine-home {
    background-image: url('../images/home-slider.jpg');
    background-position: center;
    background-size: cover;
  }
  .gray-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(64, 64, 64, 0.5);
  }
  #slider img + .gray-overlay {
    width: 100%;
    height: 100%;
    background-color: rgba(64, 64, 64, 0.5);
    position: relative;
    top: -101%;
  }
  .slider-button {
    margin-top: 20px;
  }

  .narrow {
    width:90%;
    margin-left: 5%;
  }

  .italics {
    font-size: 12pt;
  }

  .slider-text {
    width: 100%;
    margin: 0 auto;
    padding-top: 
    32px;
    text-align: center;
    height: 200px;
  }
  .slider-text h1 {
    font-size: 16pt;
    text-shadow: 2px 2px 1px #333;
  }
  .slider-text.small h1 {

  }
  .slider-text h3 {
    font-size: 10pt;
    font-weight: bold;
    text-shadow: 2px 2px 1px #333;
  }
  .slider-text div {
    /*margin-top: 50px;*/
  }
  .slider-text a {
    /*font-size: 12pt;*/
    color: black;
    background-color: #2d5e3f;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
  }
  .slider-text a:hover {
    background-color: #417755;
  }
  h2 {
    margin-bottom: 15px;
  }
  .content-image {
    width: 90%;
    margin: 5%;
  }

  .divider-yellow-small {
    background-color: #e1c14b;
    width: 20px;
    height: 2px;
    margin: 0 auto 15px;
  }
  .normal {
    font-weight: 500;
  }
  .italics {
    font-style: italic;
  }
  .narrow {
    width: 90%;
    margin: 0 auto;
    display: block;
  }
  .narrow img {
    margin-top: 20px;
    width: 100%;
    object-fit: cover;
  }
  .yellow-background {
    background-color: #2d5e3f;
  }
  a.yellow {
    color: black;
    background-color: #2d5e3f;
    padding: 10px 20px;
    border-radius: 20px;
    text-decoration: none;
    font-weight: bold;
  }
  a.yellow:hover {
    background-color: #417755;
  }
  .content-card-container {
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin: 75px 0 50px;
  }
  .card {
    margin-top: 75px;
    background-color: #e7e7e7;
    position: relative;
/*    height: 200px;*/
    padding: 10%;
    box-shadow: 0px 0px 20px #555;
    width: 70%;
    margin-left: 5%;
  }
  .card div {
    margin-top: 40px;
  }
  .content-card-container .card:nth-child(2) {
    margin-top: 0px;
  }
  .content-card-container.tall .card {
    height: auto;
    margin-bottom: 10%;
    margin-top: 75px;
  }
  .content-card-container img:nth-child(2){
    box-shadow: 0px 0px 20px #555;
    width: 100%;
    margin-top: 80px;
  }
  .content-card-container img:nth-child(1){
    box-shadow: 0px 0px 20px #555;
    margin-bottom: 80px;
    width: 100%;
  }
  #testimonials {
    width: 90%;
    text-align: center;
    margin: 50px auto;
  }

  #footer {
    background-color: #592a41;
    width: 100%;
    color: white;
    text-align: center;
    font-size: 10pt;
  }
  #footer .container {
    padding-top: 50px;
    padding-bottom: 25px;
    width: 90%;
    margin-left: 5%;
  }
  #footer h5 {
    font-size: 11pt;
    font-weight: bold;
    margin-bottom: 20px;
  }
  #footer p {
    margin-bottom: 20px;
  }
  #footer h5+p {
    font-style: italic;
    width: 100%;
    margin: 0 auto 20px;
  }
  #footer a {
    color: #ddd;
    text-decoration: none;
  }
  #footer a:hover {
    color: #aaa;
  }
  #footer a img {
    margin-bottom: -10px;
  }
  #card-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 225px;
    margin: 0 auto 10px;
  }
  #subfooter {
    background-color: #24262c;
    width: 100%;
    padding: 10px 0;
  }
  #subfooter p {
    margin: 0;
  }
  #subfooter a {
    color: #ccc;
  }
  #subfooter a:hover {
    color: #999;
  }

  .blog-title {
    margin-top:10px;
    text-align: center;
    font-size:16pt;
    margin-bottom: 0px;
  }

  .blog-date {
    text-align: center;
    font-size: 12pt;
    margin-bottom: 5px !important;
  }

  .about-collage {
    max-width: 100%;
    height: auto;
  }

  .box {
    width:70%;
    padding:10px;
    margin:20px 15%;
    border:solid 1px #cdcdcd;
    box-shadow: 0px 0px 20px #555;
    line-height: 1.4;
    text-align: center;
    font-size: 11pt;
  }
}