* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  list-style: none;
  font-family: Lato, arial, sans-serif;
  font-size: medium;

}

html {
  background:url(../img/imagen2.jpg) top left repeat;
  background-attachment:fixed;
}

body {
  max-width: 740px;
  margin: 20px auto;
  padding: 20px;
  background-color: white;
  }

header {
    max-width: 700px;
    margin: 0 auto;
    background-color: white;
    color: white;
  }

#banner img {
      max-width: 100%;
      height: auto;
      margin-bottom: 15px;
      -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;

  }

h2 {
  font-weight:700;
  background-color: #444;
  color: #eee;
  font-family: Montserrat;
  font-size: 1.2rem;
  padding: 18px;
  -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

header p {
background-color: white;
color: #444;
 padding-top: 20px;
 padding-bottom: 20px;
 font-weight: bold;
}

.accordion {
 background-color: white;
 color: #444;
 cursor: pointer;
 padding: 18px;
 width: 100%;
 border: none;
 text-align: left;
 outline: none;
 font-size: 15px;
 transition: 0.4s;
}

.accordion .fas {
transform: rotate(0deg);
transition: all 0.5s;
}

.accordion:hover {
 background-color: #eee;
 -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

.accordion:hover .fas {
transform: scale(1.2) rotate(-30deg);
transition: all 0.5s;
}


.active, .accordion:hover {
  /* WARNING: esta corchete solo sirve para quitar borde curvado inferior de la pregunta */
   background-color: #eee;
  -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}


.panel {
 padding: 0 18px;
 background-color: #eee;
 max-height: 0;
 overflow: hidden;
  margin-bottom: 5px;
 transition: max-height 0.2s ease-out;
 -webkit-border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

.panel p {
  padding-top: 10px;
  padding-bottom: 15px;
  background-color: #eee;

}