.background-tan
{ 
  background-color: #E5D6C5 !important;
}

.names
{
	position:relative;
	top: 0px;
	left: 0px;
	z-index: 99;
}
.doors
{
	position:absolute;
	display: inline-block;
	top: -20px;
	left: 0%;
	z-index: 98;
}

@font-face {
    font-family: 'My Font';
    src: url('MyFontRegular.eot');
    src: url('MyFontRegular.eot?#iefix') format('embedded-opentype'),
         url('MyFontRegular.woff') format('woff'),
         url('MyFontRegular.otf') format('opentype'),
        url('MyFontRegular.ttf') format('truetype'),
        url('MyFontRegular.svg#MyFontRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.vertical-center {
  min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
  min-height: 100vh; /* These two lines are counted as one :-)       */

  display: flex;
  align-items: center;
}


.text-xs-left {
    text-align: left !important;
}

.text-xs-right {
    text-align: right !important;
}

.text-xs-center {
    text-align: center !important;
}

.text-xs-justify {
    text-align: justify !important;
}

@media (min-width: 768px) {
    .text-sm-left {
        text-align: left !important;
    }

    .text-sm-right {
        text-align: right !important;
    }

    .text-sm-center {
        text-align: center !important;
    }

    .text-sm-justify {
        text-align: justify !important;
    }
}

@media (min-width: 992px) {
    .text-md-left {
        text-align: left !important;
    }

    .text-md-right {
        text-align: right !important;
    }

    .text-md-center {
        text-align: center !important;
    }

    .text-md-justify {
        text-align: justify !important;
    }

    .md-leftright-padding {
        padding: 0px 30px 0px 0px !important;
    }
}

@media (min-width: 1200px) {
    .text-lg-left {
        text-align: left !important;
    }

    .text-lg-right {
        text-align: right !important;
    }

    .text-lg-center {
        text-align: center !important;
    }

    .text-lg-justify {
        text-align: justify !important;
    }

    .lg-leftright-padding {
        padding: 0px 15px !important;
    }
}

/* code for testimonials */
.article {
  margin: 20px auto;
  width: 100%;
  padding: 1em;
  color:#ffffff;
}


.quote {
  background: #738d61;
  padding: 20px 20px 5px 20px;
  border-radius: 5px;
  margin-bottom: 30px;
}

.quote:after {
  content: '';
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 20px 18px 0 18px;
  border-color: #738d61 transparent transparent transparent;
  position: relative;
  top: 37px;
  left: 20px;
}

.student {
  margin-left: 25px;
  margin-bottom: 80px;
}

.student .photo {
  /*background-color: #ccc;*/
  /*border-radius: 100px;*/
  width: 60px;
  height: 60px;
  float: left;
  margin-right: 10px;
}

.student p {
  position: relative;
  top: 5px;
  text-transform: uppercase;
}

.student h4 {
  position: relative;
  top: 20px;
  text-transform: uppercase;
}

.student p:nth-child(2) {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 0;
}

.student p:nth-child(3) {
  font-size: 14px;
  color: #777;
}



/* code for background images */
.bg-img-bubb {
  background-image:url(https://stevepark.co/assets/images/bubb-s.png); 
  background-color: #738d61;
  z-index: 0;
}
.bg-img-gaze {
  background-image:url(https://stevepark.co/assets/images/gaze-s.png); 
  background-color: #d2ccaa;
  z-index: 0;
}
.bg-img-stars {
  background-image:url(https://stevepark.co/assets/images/stars-s.png); 
  background-color: #dcdcdc;
  z-index: 0;
}
.bg-img-meet {
  background-image:url(https://stevepark.co/assets/images/meet-s.png); 
  background-color: #738d61;
  z-index: 0;
}
.bg-img-map {
  background-image:url(https://stevepark.co/assets/images/map-s.png); 
  background-color: #d2ccaa;
  z-index: 0;
}
.bg-img-bubble {
  background-image:url(https://stevepark.co/assets/images/bubble-s.png);
  background-color: #ffffff;
  z-index: 0;
}
.bg-img-soap {
  background-image:url(https://stevepark.co/assets/images/soap-s.png); 
  background-color: #ffffff;
  z-index: 0;
}
.bg-img-moon {
  background-image:url(https://stevepark.co/assets/images/moon-s.png); 
  background-color: #ffffff;
  z-index: 0;
}
.bg-img-2bubbles {
  background-image:url(https://stevepark.co/assets/images/2bubbles-s.png); 
  background-color: #ffffff;
  z-index: 0;
}