OwlCyberSecurity - MANAGER

Edit File: _404.scss

.default-404-content {
	.default-404-content-container{
		border-top: 1px solid $border-color;
		border-bottom: 1px solid $border-color;
		padding-top: 80px;
		padding-bottom: 80px;
		display: flex;
		align-items: center;
		justify-content: center;
		text-align: center;
		flex-flow: column wrap;
		width: 100%;
	}
}
.default-404-content {
	min-height: calc(80vh - var(--lakit-header-height) - var(--lakit-adminbar-height, 0) - 150px);
	display: flex;
	//padding-top: var(--lakit-header-height);
}
.default-404-content--img img {
	max-width: 80%;
	max-width: 280px;
}
.default-404-content--content {
	align-self: center;
	h2{
		font-size: 7em;
	}
	h4 {
		font-size: 36px;
	}
	.button-wrapper {
		margin-top: 30px;
	}
	.button {
		font-size: 12px;
		background-color: transparent;
		color: $heading-font-color;
		border: 1px solid $border-color;
		padding: 8px 15px;
		&:hover{
			background-color: $heading-font-color;
			color: #fff;
			border-color: $heading-font-color;
		}
	}
}

.rouderimage{
	img{
		border-radius: 50%;
	}
}

.default-404-content--inner {
	width: 700px;
	max-width: 100%;
	margin: auto;
	font-size: 14px;
	p{
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
}

@media(max-width: 1280px){
	.default-404-content--content h4{
		font-size: 26px;
	}
}