body, html{
  margin:  0;
}

.header {
 background-image:linear-gradient(to bottom, rgba(255, 255, 255, 0.15), rgba(255, 254, 254, 0.15)), url(../assets/banner.jpg);
 width: 100%;
 height: 600px;
 margin: 0;
 padding: 0;
 position: relative;
 background-size: cover;
 background-repeat: no-repeat;
 display: flex;
 flex-direction: column;
 text-align: center;
}

.about-p-2 {
  margin: 0;
  margin-bottom: -12px; 
}

.subtitle {
  margin: 0;
}

.about {
  display: flex;
  justify-content: space-around;
  margin: 0% 3.5%;
}

.about-p {
  width: 100%;
  height: auto;
  border-radius: 15px;
  font-size: 1.8em;
  background-color: rgb(220, 53, 69 );
  color: #ffffff;
  padding: 0.6em 2em;
  padding-bottom: 40px;
  text-align: center;
  margin: 30px 0;
  line-height: 1.25;
}

.middle-p {
  /* width: 90%;
  height: auto;
  border-radius: 15px;
  font-size: 1.5em;
  background-color: rgb(220, 53, 69 );
  color: #ffffff;
  padding: 0.6em;
  text-align: center;
  margin: 70px 0; */
  font-size: 1.8em;
  background-color: rgba(220, 53, 69);
  color: #ffffff;
  display: flex;
 flex-direction: column;
 text-align: center;
      padding: 30px 70px;
        line-height: 1.25;
        padding-bottom: 40px;
}

.middle-p-2 {
    margin: 0; 
    margin-top: -5px; 

  margin-bottom: -20px; 
}

.header > h1 {
font-family: 'Fredoka One', cursive;
 margin-top: 0;
 padding-top: 0.08em;
 color: #dc3545;
 font-size: 5em;
 text-align: center;
  color: #fff;
  text-shadow: 1px 4px 15px rgb(29, 28, 28);
}

.footer-p {
  font-size: 1.5em;
  background-color: rgb(220, 53, 69);
  color: #ffffff;
  display: flex;
 flex-direction: column;
 text-align: center;
  padding: 30px 0 50px 0;
}


.icons > a{
  font-size: 2em;
  color: white;
  padding: 0 10px;
}

.footer-h2 {
  font-size: 1em;
}

.name {
  padding: 0;
  margin: 0;
  font-size: 1.5em;
}