#vrtal-intro {
	background-color: var(--lightblue);
	
	.container {
		width: 100%;
	}
	
	.layout-2col > .row {
		display: flex;
		flex-direction: column;
		align-items: center;
		
		& > .column:first-child {
			order: 2;
			
			display: grid;
			margin: 100px auto;
			max-width: 1600px;
			grid-template-columns: repeat(4, 320px);
			gap: 40px;
			justify-content: center;

			@media (max-width: 1680px) {
				grid-template-columns: repeat(2, 320px);
				gap: 80px;
			}
			@media (max-width: 980px) {
				gap: 40px;
			}

			@media (max-width: 768px) {
				grid-template-columns: repeat(1, 320px);
				gap: 80px;
			}
			@media (max-width: 768px) {
				transform: scale(.8);
			}
			
			.frame-space-before-extra-small {
				margin-top: 0;
			}
			
			
		    .ce-body {
		      background: white;
		      text-align: center;
		      border-radius: 1.5rem;
		      position: relative;
		      transition: transform .1s;
		      filter: drop-shadow(0px 20px 20px rgba(0, 0, 0, 0.125));
		      /* box-shadow: inset 0 0 0 10px rgba(0, 0, 0, .05); */
		
		      &:hover {
		        transform: scale(1.075);
		        transition: transform .5s;
		      }
				
			  .ce-center .ce-outer,
			  .ce-center .ce-inner {
			    position: static;
			  }
			  
			  .ce-gallery {
			  	margin-bottom: 0;
			  }
		
		      figure.image {
		        width: 100px;
		        height: 100px;
		        position: absolute;
		        left: 50%;
		        transform: translateX(-50%);
		        top: -30px;
		      }
		      
		      a {
		        display: block;
		   		padding: 2rem .5rem;
		      	padding-top: 5.5rem;
		      	color: var(--wa-form-control-label-color);
		      	font-size: 1rem;
		      	
		      	strong {
			        font-size: 1.5rem;
			        font-weight: 600;
			        line-height: 150%;
			        margin: 0;
			        color: var(--brand);
		      	}
		      }
		    }
		}
		
		& > .column:last-child {
			order: 1;
			max-width: 50rem;
    		width: 100%;
		}
	}
}