@charset "UTF-8";
.security-section {
	display: grid;
	grid-auto-flow: row;
	grid-gap: 3.2rem;
	
	.security-logo {
		align-self: end;
		justify-self: center;
		
		img {
			width: 16rem;
		}
	}
	
	.security-body {
		align-self: start;
		padding: 2em 2em 1em;
		
		h2 {
			font-size: 2em;
			font-weight: bold;
			margin-bottom: 1em;
		}
		
		p {
			font-size: 1.2em;
			margin-bottom: 1em;
		}
	}
}

@media(min-width: 991.98px) {
	.security-section {
		grid-auto-flow: column;
		align-items: center;
		
		.security-logo {
			align-self: center;
			justify-self: end;
		}
		
		.security-body {
			align-self: center;
			justify-self: start;
			
			p {
				font-size: 1.5em;
			}
		}
	}
}

.security-sheet-section {
	display: grid;
	grid-auto-flow: row;
	grid-gap: 3.2rem;
	
	.security-sheet-thumbnail {
		align-self: end;
		justify-self: center;
		padding: 2em 2em 1em;
		
		img {
			transition: 
			transform 0.2s ease-in-out,
			box-shadow 0.2s ease-in-out;
			box-shadow: 
				0 15px 30px rgba(0, 0, 0, 0.15), 
				0 5px 10px rgba(0, 0, 0, 0.2);
			
			&:hover {
			transform: translateY(3px);
			box-shadow: 
				0 5px 10px rgba(0, 0, 0, 0.2), 
				0 2px 4px rgba(0, 0, 0, 0.25);
			}
		}
	}
	
	.security-sheet-body {
		align-self: start;
		padding: 2em 2em 1em;
		
		h2 {
			font-size: 2em;
			font-weight: bold;
			margin-bottom: 1em;
		}
		
		p {
			font-size: 1.2em;
			margin-bottom: 1em;
		}
	}
	
}

@media(min-width: 991.98px) {
	.security-sheet-section {
		grid-auto-flow: column;
		align-items: center;
		
		.security-sheet-thumbnail {
			align-self: center;
			justify-self: start;
			grid-column: 2;
		}
		
		.security-sheet-body {
			align-self: center;
			justify-self: end;
			grid-column: 1;
			
			p {
				font-size: 1.5em;
			}
		}
	}
}