/* Required height of parents of the Full Page Intro and Intro itself */
html,
body,
.view {
  height: 100%; }










@import url("https://fonts.googleapis.com/css?family=Raleway:400,400i,700");

*,
*::before,
*::after {
   margin: 0;
   padding: 0;
}

body {
   background-color: #e4e9ed;
   font-family: Raleway, sans-serif;
}


br {
   margin-bottom: 2%;
}

.header {
   width: 100%;
   height: 80vh;
   position: relative;
   display: grid;
   grid-template-rows: max-content 1fr;
   grid-template-columns: 1fr max-content; }
   
   .header__logo {
      fill: white;
      width: 3rem;
      padding: 1rem;
      cursor: pointer;
   }
   
   .header__bg {
      width: 100%;
      height: 105%;
    background-image: url("../img/IMG_6331.JPG");
   background-size: cover;
   background-position: center;
      filter: brightness(50%);
      clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
      position: absolute;
      top: 0;
      left: 0;
      z-index: -1;
   }
   
   .header__title {
      grid-area: 2 / 1 / 2 / 3;
      align-self: center;
      justify-self: center;
      color: white;
      text-transform: uppercase;
      font-size: 4rem;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4);
      margin-top: -5rem;
   }
   
   .header__log {
      display: flex;
      align-items: center;
      grid-area: 1 / 2 / 1 / 3;
      padding: 1rem 2rem;
      color: white;
      cursor: pointer;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4); }
      
      .header__icon {
         fill: currentColor;
         margin-right: .5rem;
        filter: drop-shadow(0px 2px 4px rgba(0,0,0,.5));
      }
      
      .header__text {
         text-transform: capitalize;
      }
   }
}




.about {
   width: 100%;
   height: 60vh;
   margin-top: -7rem;
/*   clip-path: polygon(0 27%, 100% 0, 100% 100%, 0 100%);*/
   background-image: url('https://cdn.20m.es/img2/recortes/2018/07/13/745087-600-338.jpg?v=20180914080044');
    }
   
   .about__title {
/*      padding-top: 2rem;*/
      text-align: center;
      text-transform: uppercase;
       }

     
      }
 









@media (max-width: 768px) {
.heading{
/*      margin: 0 3rem;*/
/*      font-weight: 100;*/
        font-size: 15px;
      color: #5d4267;
    }
    
    .header__title {
      align-self: center;
      justify-self: center;
      color: white;
      text-transform: uppercase;
      font-size: 20px;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4);
   }
}

@media (max-width: 768px) {
    .display-3 {
/*      margin: 0 1rem;*/
/*      font-weight: 300;*/
        font-size: 30px;
      color: #5d4267;
    }
    .header__title {
      align-self: center;
      justify-self: center;
      color: white;
      text-transform: uppercase;
      font-size: 50px;
      text-shadow: 0px 2px 4px rgba(0,0,0,.4);
   }
}

@media (max-width: 992px) {
    .display-3 {
      margin: 0 3rem;
/*      font-weight: 300;*/
        font-size: 30px;
      color: #5d4267;
    }
}







.hm-gradient {
  background: linear-gradient(30deg, rgba(180,61,44,.6), rgba(43,180,180,.6));
}
.heading {
  margin: 0 6rem;
  font-weight: 700;
  color: #2874A6;
}
.subheading {
  margin: 2.5rem 6rem;
  color: #bcb2c0;
}
/*
.btn.btn-margin {
  margin-left: 3rem;
  margin-top: 3rem;
}
*/
.btn.btn-lily {
  background: linear-gradient(40deg, rgba(27, 79, 114,.7), rgba(33, 97, 140,.7));
    color:white;
}


/* NO SE DE QUE ES ESTO
.title {
  margin-top: 6rem;
  margin-bottom: 2rem;
  color: #5d4267;
}
.subtitle {
  color: #bcb2c0;
  margin-left: 20%;
  margin-right: 20%;
  margin-bottom: 6rem;
}
*/









/*PIE*/
.politica{
    text-align: center;
}