File "etica.css"

Full path: /var/www/html/css/etica.css
File size: 3.32 KiB (3398 bytes)
MIME-type: text/plain
Charset: utf-8

Download   Open   Back

/* 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/etica.webp");
   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;
    }
}



@media (max-width:768px){
    .avisos{
        margin-left:10px; 
        margin-right:10px;
    }
}
@media (max-width:992px){
    .avisos{
        margin-left:10px; 
        margin-right:10px;
    }
}






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