.holographic-container{background:#003b73}.holographic-card,.holographic-container{align-items:center;display:flex;justify-content:center}.holographic-card{background:#111;border:6px solid #e1ddb2;height:400px;overflow:hidden;position:relative;transition:all .5s ease;width:450px}.holographic-card h2{color:#000;position:relative;z-index:2}.holographic-card:before{background:linear-gradient(0deg,transparent,transparent 30%,#e1ddb2);content:"";height:200%;left:-50%;opacity:0;position:absolute;top:-50%;transform:rotate(-45deg);transition:all .5s ease;width:200%}.holographic-card:hover{box-shadow:0 0 20px #e1ddb2;transform:scale(1.04)}.holographic-card:hover:before{opacity:1;transform:rotate(-45deg) translateY(100%)}@media only screen and (max-width:1400px){.holographic-card{align-items:center;background:#111;border:6px solid #e1ddb2;display:flex;height:350px;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:400px}.grid.two{max-width:900px!important}}@media only screen and (max-width:1270px){.holographic-card{align-items:center;background:#111;border:6px solid #e1ddb2;display:flex;height:300px;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:350px}.holographic-card h2{color:#000;font-size:40px;position:relative;z-index:2}.grid.two{max-width:800px!important}}@media only screen and (max-width:1060px){.holographic-card{align-items:center;background:#111;border:6px solid #e1ddb2;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:300px}.holographic-card h2{color:#000;font-size:40px;position:relative;z-index:2}.grid.two{max-width:700px!important}}@media only screen and (max-width:768px){.grid.two{grid-template-columns:1fr}.holographic-container{padding:10px!important}}@media only screen and (max-width:600px){.holographic-card{align-items:center;background:#111;border:6px solid #e1ddb2;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:300px}.holographic-card h2{color:#000;font-size:30px;position:relative;z-index:2}}@media only screen and (max-width:425px){.holographic-card{align-items:center;background:#111;border:6px solid #e1ddb2;display:flex;height:250px;justify-content:center;overflow:hidden;position:relative;transition:all .5s ease;width:300px}.holographic-card h2{color:#000;font-size:20px;position:relative;z-index:2}}