@import url("https://fonts.googleapis.com/css2?family=Lobster&family=Roboto+Condensed:wght@400;700&family=Rubik+Lines&display=swap");
* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  list-style: none;
}
html, body{
  height: 100%;
  margin: 0;
}

html {
  height: 100%;
}

body {
  background: #FFD9BC;
  font-size: 20px;
  font-family: 'Roboto Condensed';
  min-width: 320px;
}

img {
  max-width: 100%;
  height: auto;
}

audio{
    width: -webkit-fill-available;    
}

.image-style-align-center {
  text-align: center;
}

.image-style-align-left {
  float: left;
  margin-right: 20px;
  max-width: 50%;
}

.image-style-align-right {
  float: right;
  margin-left: 20px;
  max-width: 50%;
}
.content p{
  text-align: justify;
}

h2 {
  text-transform: uppercase;
  text-align: center;
  font-size: clamp(25px, 2.5vw, 50px);
}

/*******HEADER***********/
.mynav {
  background: #222;
}

.mynav .navbar-nav {
  width: 100%;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.navbar .navbar-toggler span {
  color: #fff;
  font-size: 25px;
}
.navbar-toggler:focus {
   box-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
}
.mynav .navbar-nav .nav-link {
  color: #fff;
  font-family: 'Lobster';
}

.slogan {
  position: relative;
  margin: 0;
}

.slogan-text {
  position: absolute;
  bottom: 0;
  left: 20px;
  color: #fff;
}

.slogan-text h1 {
  font-size: clamp(1rem, 2.5vw, 3rem);
}

.slogan-text p {
  font-size: clamp(14px, 2.5vw, 20px);
}

/******CONTENT********/
.content {
  padding: 20px;
}

.content__data {
  background: url(../images/background.png) no-repeat top center;
  background-size: cover;
}
.card-header{
  background-color: #bba087;
}
.card-body{
  background: antiquewhite;
}

.haccordeon, .accordion-button:not(.collapsed) {
  font-size: 1.5rem;
  background: #c47c28;
  color: #fff;
  border:none;
}
.footer {
  background: #360b00;
  padding: 50px 0;
}

.footer p {
  color: #fff;
}
/*# sourceMappingURL=style.css.map */