html{box-sizing:border-box;}*,*::before,*::after{box-sizing:inherit;}body{background-color:rgb(233,222,208);background-image:url(images/background2-100.jpg);font-size:125%;position:relative;height:98vh;display:flex;flex-direction:column;justify-content:space-between;}header{height:9rem;width:100%;background-color:black;background-image:url(images/trio-negro-bw-3.jpg);background-repeat:no-repeat;background-position:center;background-size:contain;border-radius:5px;}#header-trio-negro{height:90%;background-color:rgba(0,0,0,.5);border-radius:5px;}#toggle{display:none;}.hamburger{position:absolute;top:4.5em;right:5%;margin-left:-2em;margin-top:-45px;width:2em;height:45px;z-index:5;}.hamburger div{position:relative;width:2em;height:.1em;border-radius:3px;background-color:aliceblue;opacity:.8;margin-top:8px;transition:all .3s ease-in-out;}.nav{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.9);top:-100%;left:0;right:0;bottom:0;overflow:hidden;transition:all .5s ease-in-out;transform:scale(0);}.nav-wrapper{position:relative;overflow:hidden;overflow-y:auto;height:100%;}nav{text-align:left;margin-left:35%;padding-top:5em;display:flex;flex-flow:column;}nav a{position:relative;text-decoration:none;color:rgb(208,215,221);font-family:"Gayathri",sans-serif;font-size:1.5em;display:inline-block;margin-top:2em;transition:color .2s ease-in-out;letter-spacing:1px;}nav a:before{content:"";height:0;position:absolute;width:.25em;background-color:white;left:-.5em;transition:all .2s ease-in-out;}nav a:hover{color:white;}nav a:hover:before{height:100%;}#toggle:checked + .hamburger .top-bun{transform:rotate(-45deg);margin-top:25px;}#toggle:checked + .hamburger .bottom-bun{opacity:0;transform:rotate(45deg);}#toggle:checked + .hamburger .meat{transform:rotate(45deg);margin-top:-.1em;}#toggle:checked + .hamburger + .nav{top:0;transform:scale(1);}.current{color:rgb(255,205,151);}main{background-color:rgba(255,255,255,.5);}img{width:95%;margin-left:2.5%;}h1{color:aliceblue;font-family:"Cinzel Decorative",cursive;font-size:1.4rem;opacity:.8;width:4em;padding:1em;padding-left:.7em;padding-top:2.7rem;margin-top:0;}p,.copyright{font-family:"Gayathri",sans-serif;font-size:1.4rem;}p{padding:1rem;}.copyright{display:block;padding-bottom:1em;font-size:1.2rem;color:rgb(125,124,124);margin-left:1rem;}strong{font-weight:bold;text-shadow:0 3px 4px rgba(0,0,0,.4);}a{color:rgb(85,110,156);text-decoration:none;}footer{color:aliceblue;background-color:black;width:100%;text-align:center;padding:1rem;border-radius:5px;}footer a{color:aliceblue;font-family:"Gayathri",sans-serif;}#copyright{font:1.2rem "Gayathri",sans-serif;color:rgb(172,172,172);}#copyright img{width:3rem;vertical-align:sub;margin-left:2.5%;}#copyright a{color:rgb(172,172,172);text-wrap:nowrap;}@media screen and (min-width:40em){.nav{width:40%;top:0;left:60%;right:0;bottom:0}main{display:grid;grid-template-columns:repeat(20,5%);grid-template-rows:repeat(21,auto)}p{padding-right:1rem;padding-left:1rem}p::first-letter{margin-left:3rem}#firstP{grid-area:1/1/4/21}#firstPic{grid-area:4/1/9/11}#secondPic{grid-area:12/1/18/10;padding-top:1rem}#thirdPic{grid-area:4/11/9/21}#secondP{grid-area:10/1/12/21;margin-top:0;margin-bottom:0}#thirdP{grid-area:12/9/17/21;margin-top:0}#fourthP{grid-area:16/9/20/21}#firstI{width:70%}#secondI{width:70%}.copyright{grid-area:21/12/21/21}}@media screen and (min-width:62em){#firstPic,#thirdPic{grid-row-start:3;margin-top:1rem}#firstI{width:88%}#secondP{margin-top:2rem;padding-top:1rem}#secondPic{grid-row-start:13;margin-bottom:1rem;grid-row-start:12}#fourthP{grid-area:15/9/20/21}.copyright{grid-area:20/12/21/21}}@media screen and (min-width:68em){body{max-width:60em;width:60em;margin-left:auto;margin-right:auto}.nav{width:30%;left:70%}main{grid-template-rows:repeat(15,4.2rem)}#firstP{grid-area:1/2/3/11}#firstPic{grid-area:4/2/9/9}#secondP{grid-area:7/12/9/20}#secondPic{grid-area:10/12/14/18}#thirdPic{grid-area:2/12/4/18}#thirdP{grid-area:10/2/13/11}#fourthP{grid-area:13/2/15/11}.copyright{grid-area:15/8/18/18;margin-top:1rem}}