footer.pcw{position:relative}footer.pcw mdlr-wrapper{position:relative;border-bottom:2px solid black;grid-template-columns:1.5fr .5fr 1fr;column-gap:2em}footer.pcw mdlr-content-container{grid-column:1 / span 1}footer .nav-wrapper{grid-column:2 / span 1}footer .social-wrapper{grid-column:3 / span 1}footer .social{margin-top:2em}footer nav li{margin-bottom:1em;font-weight:bold}footer.pcw #bg-detail{position:absolute;bottom:0;left:0;width:100%;height:15vw;opacity:.625}footer.pcw #bg-detail picture:before,footer.pcw #bg-detail picture::after{display:block;position:absolute;content:'';height:100%;width:100%}footer.pcw #bg-detail picture:before{background:rgb(63,155,213);background:-moz-linear-gradient(-45deg,rgba(63,155,213,1) 0%,rgba(120,203,236,1) 100%);background:-webkit-linear-gradient(-45deg,rgba(63,155,213,1) 0%,rgba(120,203,236,1) 100%);background:linear-gradient(135deg,rgba(63,155,213,1) 0%,rgba(120,203,236,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f9bd5',endColorstr='#78cbec',GradientType=1)}footer.pcw #bg-detail picture:after{background:-moz-linear-gradient(top,rgba(217,239,255,1) 0%,rgba(217,239,255,0) 100%);background:-webkit-linear-gradient(top,rgba(217,239,255,1) 0%,rgba(217,239,255,0) 100%);background:linear-gradient(to bottom,rgba(217,239,255,1) 0%,rgba(217,239,255,0) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d9efff',endColorstr='#00d9efff',GradientType=0)}footer.pcw #bg-detail picture{position:relative;height:100%;width:100%}footer.pcw #bg-detail img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:bottom center}@media screen and (max-width:992px){footer.pcw mdlr-wrapper{grid-template-columns:1.5fr 1fr;row-gap:1em}footer.pcw mdlr-content-container{grid-row:1 / span 2}footer .social-wrapper{grid-column:2 / span 1;grid-row:2 / span 1}}@media screen and (max-width:768px){footer.pcw mdlr-wrapper{grid-template-columns:.75fr 1.25fr;column-gap:2em;row-gap:1em}footer.pcw mdlr-content-container{grid-column:1 / span 2;grid-row:1 / span 1}footer .nav-wrapper{grid-column:1 / span 1;grid-row:2 / span 1}}@media screen and (max-width:768px) and (orientation:portrait){footer.pcw #bg-detail{height:18vh}}@media screen and (max-width:420px){footer.pcw mdlr-wrapper.grid{display:flex;flex-direction:column}}