div.jumbotron.carousel-hero {
  color: #fff;
  text-align: center;
  background-size: cover;
  background-position: center;
  padding-top: 150px;
  padding-bottom: 100px;
  margin-bottom: 0;
  height: 90vh;
  width: 100vw;
}

div.jumbotron.hero-nature {
  background-image: url('../../assets/img/steve2.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}

div.jumbotron.hero-online {
  background-image: url('../../assets/img/online-background.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}

div.jumbotron.hero-anxiety {
  background-image: url('../../assets/img/stress-management.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: white;
}

div.jumbotron.hero-photography {
  background-image: url('../../assets/img/services.jpg');
}

div.jumbotron.hero-technology {
  background-image: url('../../assets/img/steve10.jpg');
  background-size: cover;
}

h1.hero-title, h2.hero-title, h3.hero-title {
  text-shadow: 0 3px 3px white;
  color: maroon;
  font-style: italic;
  font-family: serif;
}

p.hero-subtitle {
  max-width: 600px;
  margin: 25px auto;
  padding: 15px;
  color: maroon;
  background-color: #f4ed7c;
  font-style: italic;
  font-size: 22px;
}

.plat {
  border-radius: 0px;
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 0 #048f83!important;
}

.btn-primary:hover {
  color: #fff;
  background-color: #016090;
  border-color: #016090;
}

.btn.btn-primary {
  background-color: #048f83!important;
  border-color: #048f83!important;
}

.btn-primary.focus, .btn-primary:focus {
  box-shadow: 0 0 0 .2rem rgba(0,123,255,.5);
}

* {
  /*box-sizing: inherit;*/
}

*:before, *:after {
  /*box-sizing: inherit;*/
}

span {
  font-style: inherit;
  font-weight: inherit;
}

#layout {
  display: flex;
}

@media (max-width: 576px) {
  #layout {
    display: block;
  }
}

#seperator-hr {
  margin-top: 0.5rem;
  margin-bottom: 0.1rem;
  border: 0;
  border-top: 2px solid green;
  padding: 5px;
}

#view-profile {
  /*float: right;*/
  /*border-radius: 3px;*/
}

#accordion-header-2 {
  background-color: rgb(235,216,43);
  text-align: left;
}

#accordion-header {
  background-color: green;
  text-align: left;
}

#accordion-text-header {
  color: white;
}

#accordion-icon {
  color: white;
  font-size: 22px;
  text-align: right;
  float: right;
}

#contacts {
  background-color: rgba(0,128,0,0.8);
  width: 100%;
  min-height: 90vh;
  text-align: center;
  color: white;
  padding: 50px 20px;
}

@media (min-width: 576px) {
  #form-input {
    margin: 15px 5px;
    padding: 5px;
  }
}

#form-input {
  margin: 15px 5px;
  padding: 5px;
  width: 400px;
}

#wrapper-contact-form {
  margin: 10px;
  padding: 5px;
  text-align: center;
}

@media (max-width: 768px) {
  #wrapper-contact-form {
    margin: 10px;
    padding: 5px;
    text-align: center;
    /*width: 100px;*/
  }
}

#form-input-text {
  min-height: 150px;
  margin: 15px 5px;
  max-width: 400px;
  padding: 5px;
}

#send-btn {
  border-radius: 5px;
  padding: 5px 15px;
}

#form-contacts {
  display: inline-block;
  border: solid 2px;
  border-radius: 5px;
  padding: 15px;
}

@media (max-width: 576px) {
  #form-contacts {
    display: inline-block;
    border: solid 2px;
    border-radius: 5px;
    padding: 3px;
  }
}

#about-us {
  min-height: 90vh;
  width: 100vw;
  background-color: rgba(255,255,255,0.8);
  padding-top: 50px;
  padding-bottom: 30px;
}

@media (max-width: 576px) {
  #about-us {
    min-height: 90vh;
    width: 100vw;
    background-color: rgba(255,255,255,0.8);
    padding-top: 50px;
    padding-bottom: 30px;
    text-align: center;
    overflow: overlay;
    padding-left: 30px;
  }
}

#services {
  width: 100vw;
  min-height: 100vh;
  background-color: rgba(255,165,0,0.7);
  margin: 10px 0px;
  text-align: center;
  padding: 50px 30px;
}

#team {
  width: 100vw;
  min-height: 100vh;
  text-align: center;
  /*padding-bottom: 20px;*/
}

#next-icon {
  font-size: 30px;
  color: rgba(0,128,0,0.8);
  padding: 20px;
}

#scrolltop {
  background-color: rgba(255,215,0,0.5);
  color: white;
  /*font-size: 35px;*/
  border-radius: 15px;
  width: 80px;
  height: 60px;
  font-size: 20px;
  font-weight: 600;
  position: fixed;
  display: none;
  z-index: 999;
  float: right;
  bottom: 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 50%;
  border-radius: 10px;
  right: 20px;
}

#get-service {
  text-align: right;
  float: right;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  #portrait {
    max-width: 35vw;
    margin-left: 50px;
    margin-bottom: 10px;
    margin-top: 0px;
    border: outset;
  }
}

@media (max-width: 576px) {
  #portrait {
    width: 80vw;
    margin-left: 10px;
    margin-top: 0px;
    border: outset;
  }
}

@media (min-width: 1200px) {
  #caption-pic {
    padding-left: 80px;
  }
}

@media (min-width: 768px) {
  #caption-pic {
    padding-left: 30px;
  }
}

@media (min-width: 576px) {
  #caption-pic {
    padding-left: 0px;
    margin-left: 0px;
    /*max-width: 70%;*/
  }
}

#services-col {
  text-align: left;
}

@media (max-width: 768px) {
  #services-col {
    text-align: left;
    max-width: 100%;
    margin-top: 10px;
  }
}

#award-captions {
  width: 500px;
}

#awards {
  padding: 20px;
  text-align: center;
  background-color: rgba(230,230,120,0.8);
  min-height: 100vh;
}

#awards-caption {
  width: 40vw;
  margin-top: 25px;
  border-style: outset;
  margin-left: 0px;
}

@media (max-width: 768px) {
  #awards-caption {
    width: 700px;
    margin-left: 15px;
    margin-top: 10px;
    border-style: outset;
  }
}

@media (max-width: 576px) {
  #awards-caption {
    width: 500px;
    margin-left: 15px;
    margin-top: 10px;
    border-style: outset;
  }
}

@media (max-width: 360px) {
  #awards-caption {
    width: 300px;
    margin-left: 15px;
    margin-top: 10px;
    border-style: outset;
  }
}

#awards-caption-info {
  width: 35vw;
  margin-left: 50px;
  margin-top: auto;
  margin-right: -50px;
  background-color: white;
  padding: 30px;
}

@media (max-width: 768px) {
  #awards-caption-info {
    width: 700px;
    margin-left: 15px;
    margin-top: 10px;
    background-color: white;
    padding: 30px;
  }
}

@media (max-width: 576px) {
  #awards-caption-info {
    width: 500px;
    margin-left: 15px;
    margin-top: 10px;
    background-color: white;
    padding: 30px;
  }
}

@media (max-width: 360px) {
  #awards-caption-info {
    width: 300px;
    /*margin-left: 80px;*/
    margin-top: 10px;
    margin-right: -50px;
    background-color: white;
    padding: 30px;
  }
}

#title-h3 {
  font-style: italic;
}

#wrapper-appointment {
  min-height: 500px;
  margin-top: 65px;
  background-color: rgba(255,255,255,0.7);
}

#record-display {
  min-height: 80vh;
  margin: 10px;
  /*margin-right: 5px;*/
  margin-left: 30px;
}

#appointment-display {
  min-height: 80vh;
  margin: 10px;
  /*margin-left: 5px;*/
  margin-right: 20px;
}

.card-link.text-left {
  float: right;
  font-size: large;
  font-weight: 500;
}

.card-link + .card-link {
  float: right;
  padding-right: 20px;
  font-size: large;
  font-weight: 500;
}

.card.appointment {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  min-width: 0;
  word-wrap: break-word;
  background-color: #fff;
  background-clip: border-box;
  border: 1px solid rgba(0,0,0,.125);
  border-radius: .25rem;
  padding: 50px;
}

#create-appointment {
  max-width: 50vw;
  padding: 50px 0px 50px 80px;
}

#accordion-payment {
  margin: 30px 30px 30px 10px;
}

#payment-header {
  color: white;
}

.icon.ion-android-arrow-dropdown {
  font-size: 30px;
  float: right;
}

#acordion-header {
  background-color: green;
}

#card-btn {
  margin: 5px;
  float: right;
}