body {
  color: rgb(71,71,71);
  /*background-color: rgb(255,251,229);*/
  font-size: 20px;
}

#Note {
  font-size: small;
  display: block;
  padding-top: 30px;
}

#noteimage {
  width: 25px;
}

mynavbar {
  color: rgb(71,71,71);
  background-color: rgb(255,251,229);
  font-size: 20px;
}

#hero .jumbotron {
  border-radius: 20px;
  text-align: center;
  width: 90%;
  margin: 30px auto;
  max-width: 400px;
  padding: 20px;
}

.hero1 {
  background-image: url(../../assets/img/hero.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero1 .jumbotron {
  background-color: rgba(210,195,144,0.4);
}

.hero2 {
  background-image: url(../../assets/img/Country2.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero2 .jumbotron {
  background-color: rgba(242,255,205,0.4);
}

.hero3 {
  background-image: url(../../assets/img/golden-sunset.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero3 .jumbotron {
  background-color: rgba(207,154,112,0.41);
}

.hero4 {
  background-image: url(../../assets/img/cascade-creek.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero4 .jumbotron {
  background-color: rgba(64,65,64,0.5);
}

.hero5 {
  background-image: url(../../assets/img/agriculture-asia.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero5 .jumbotron {
  background-color: rgba(99,116,65,0.35);
}

.hero6 {
  background-image: url(../../assets/img/Ocean-Storm.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero6 .jumbotron {
  background-color: rgba(231,223,220,0.16);
}

.hero7 {
  background-image: url(../../assets/img/yellow-petaled-flowers.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero7 .jumbotron {
  background-color: rgba(207,244,184,0.16);
}

.hero8 {
  background-image: url(../../assets/img/sunset-view.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero8 .jumbotron {
  background-color: rgba(205,172,88,0.71);
}

.hero9 {
  background-image: url(../../assets/img/cherry-blossoms.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero9 .jumbotron {
  background-color: rgba(255,221,194,0.7);
}

.hero10 {
  background-image: url(../../assets/img/Forest.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero10 .jumbotron {
  background-color: rgba(42,42,42,0.48);
}

.hero11 {
  background-image: url(../../assets/img/blur-branch.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero11 .jumbotron {
  background-color: rgba(231,234,227,0.48);
}

.hero12 {
  background-image: url(../../assets/img/pink-flowers.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero12 .jumbotron {
  background-color: rgba(244,218,216,0.42);
}

.hero13 {
  background-image: url(../../assets/img/white-flower.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero13 .jumbotron {
  background-color: rgba(230,248,192,0.15);
}

.hero14 {
  background-image: url(../../assets/img/dandelion-flower.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero14 .jumbotron {
  background-color: rgba(174,125,122,0.51);
}

.hero15 {
  background-image: url(../../assets/img/white-and-purple-flower.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero15 .jumbotron {
  background-color: rgba(160,122,174,0.45);
}

.hero16 {
  background-image: url(../../assets/img/green-grass-field.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero16 .jumbotron {
  background-color: rgba(254,254,254,0.2);
}

.hero17 {
  background-image: url(../../assets/img/bird-branch.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero17 .jumbotron {
  background-color: rgba(254,254,254,0.09);
}

.hero18 {
  background-image: url(../../assets/img/silhouette-sunset.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  padding: 40px;
}

.hero18 .jumbotron {
  background-color: rgba(254,254,254,0.09);
}

.bnr {
  padding: 10px;
}

#logo {
  margin-right: 10px;
}

.col.welcome {
  text-align: center;
  padding: 30px 0 0 0;
}

.welcome h3 {
  padding: 20px;
}

#more-sessions {
  padding: 20px;
}

.listen-now {
  background-color: #f7edd2;
}

a:hover {
  color: #fb9601;
  text-decoration: underline;
}

a {
  color: #a24f01;
  text-decoration: none;
  background-color: transparent;
}

@media (min-width: 992px) {
  #hero .jumbotron {
    margin-left: 30px;
  }
}

@media (min-width: 576px) {
  #hero .jumbotron {
    padding: 20px;
  }
}

#hero {
  padding: 60px;
}