@media screen and (max-width:540px){*,::after,::before{box-sizing:border-box}body{margin:0;padding:0;font-family:Delius,cursive;background-color:rgba(255,255,255,.2);width:100vw;min-height:100vh;display:grid;grid-template-columns:1fr;grid-auto-rows:max-content;row-gap:0}body .services{padding:.2em;font-family:Roboto,sans-serif;width:100vw;min-height:40vh;display:grid;grid-template-columns:1fr;grid-auto-rows:max-content;row-gap:1em;justify-items:center}body .services .head{padding:.4em;width:100%;height:max-content}body .services .head h2{color:#2b2e64;text-align:center;text-shadow:.1em .1em .2em rgba(8,8,8,.212);font-size:5vw;position:relative;animation-name:displayHide;animation-duration:1.5s;animation-timing-function:ease-in}body .services .serv{padding:1em;width:100%;min-height:80vh;display:inherit;grid-template-columns:1fr;grid-auto-rows:max-content;row-gap:3em;justify-items:center}body .services .serv div{padding:1em;border-radius:1em;line-height:1.4em;position:relative;animation-name:elementHide;animation-duration:1s;animation-timing-function:ease-in;width:100%;display:inherit;grid-template-columns:1fr;grid-auto-rows:max-content;row-gap:1em;justify-items:center}body .services .serv div p{font-size:3.2vw;font-weight:600;color:#2b2e64;position:relative;animation-name:displayHide;animation-duration:2s;animation-timing-function:ease-out}body footer{padding:1em;width:100%;font-family:Roboto,sans-serif;background-color:#2b2e64;display:grid;justify-items:center}body footer .navbox{width:70%}body footer .navbox p{text-align:center;color:#f08906;font-weight:600;font-size:3vw}}