@charset "utf-8";
/* CSS Document */

main section{background: url(../img/bn-empresa-inclusiva.png); background-attachment: fixed; background-position: center; background-repeat: no-repeat; background-size: cover; height: 70vh; overflow: hidden; position: relative; width: 100%}
main section h1{color: #fff; font-family: bebas-neue, sans-serif; font-style: normal; font-size:5rem; font-weight: 400; margin: 0; text-transform: uppercase; left: 10%; position: absolute; text-shadow: 0 0 20px rgba(0, 0, 0, .3); top: 100px}
main section p{color: #fff; font-family: open-sans-condensed, sans-serif; font-weight: 300; font-size: 2rem; left: 10%; line-height: 2.1rem; margin: 0; position: absolute; text-shadow: 0 0 20px rgba(0, 0, 0, .3); top: 200px; width: 60%}
.blur{color: transparent !important; text-shadow: 0 0 3px white !important;}

main article div figure{margin: 0; padding: 0; position: relative; width: 100%;}
main article div figure img{position: relative; z-index: 2;}
main article div figure figcaption{align-items: center; background-color: #efefef; bottom: 50px; display: flex; font-family: bebas-neue, sans-serif; font-weight: 300; font-weight: 400; font-size: 1.7rem; height: 80px; line-height: 2.1rem; position: absolute; width: 100%; z-index: 1;}
main article div figure figcaption a{color: #232323; margin: 0 0 0 300px;}

@media screen 
   and (max-width: 1440px) {
    main section:first-of-type{height: 70vh;} 
    main section:first-of-type h1{font-size:4rem; left: 5%; top: 50px} 
    main section:first-of-type p{font-size: 1.8rem; left: 5%; line-height: 1.9rem; top: 130px}
}
@media screen 
   and (max-width: 1150px) {
    main section:first-of-type{height: 60vh;} 
    main section:first-of-type h1{font-size: 3.5rem; left: 5%; top: 25px} 
    main section:first-of-type p{font-size: 1.6rem; left: 5%; line-height: 1.7rem; top: 100px}      
}
@media screen 
   and (max-width: 1024px) { 
    main nav{display: none !important}
    main article div{padding: 0 20px;}
}
@media screen 
  and (max-width: 900px) {
    main section{background-attachment: unset; }
}
@media screen 
  and (max-width: 823px) {
    main section:first-of-type h1{font-size: 2.5rem; left: 2%; top: 25px} 
    main section:first-of-type p{font-size: 1.4rem; left: 2%; line-height: 1.5rem; top: 80px; width: 90%}

    main article div figure a{display: block; text-align: center;}
    main article div figure img{margin: auto;}
    main article div figure figcaption{bottom: auto; font-size: 1.7rem; margin: 0; position: relative; right: auto}
    main article div figure figcaption a{margin: auto; text-align: center;}
}
@media screen 
  and (max-width: 568px) {
    main section:first-of-type{height: 50vh;} 
}
@media screen 
  and (max-width: 375px) {
    main section:first-of-type p{display: none}   
}