body{margin:0;height:100vh;font-size:16px;font-family:sans-serif;font-weight:400;color:#222;background:#ccc}a{color:inherit;text-decoration:underline}a:hover{text-decoration:none}h1,h2,h3,h4,h5,h6{font-weight:300}h1{font-weight:600;font-size:2.5em}h2{font-size:2.2em}h3{font-size:1.8em}h4{font-size:1.3em}h5{font-size:1em;font-weight:400}h6{font-size:0.9em;font-weight:600}.thin{font-weight:200}.light{font-weight:300}.medium{font-weight:600}.bold{font-weight:700}.bolder{font-weight:900}h3.big{font-size:2em}.btn-slide{padding:16px;background:none;border:none;border-radius:2px}.btn-slide:hover{background:rgba(0,0,0,0.8);cursor:pointer;color:#fff}#container{display:grid;height:100vh;grid-template-columns:1fr 12fr 1fr;grid-template-rows:1fr;grid-template-areas:"left slides right";align-items:center}.slides{grid-area:slides}.grid-item{padding:2em}@media (max-width: 768px){.grid-item{padding:1em}}#slider .slide{text-align:center}#slider .slide>img{width:80%;height:auto}@media (max-width: 768px) and (orientation: portrait){#slider .slide>img{width:100%}}@media (max-width: 768px) and (orientation: landscape){#slider .slide>img{width:auto;height:80vh}}