/* 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/paginaiso2.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%);*/
    }
   
   .about__title {
/*      padding-top: 2rem;*/
      text-align: center;
      text-transform: uppercase;
       }

      .about__text{
         color: #232323;
      }
   
   
   .about__text {
      width: 80%;
      margin: 5% auto; }
      
      .about__content {
         text-align: justify;
      }
 

.politica{
    text-align: center;
}