::-webkit-scrollbar {
	width: 4px;
}

::-webkit-scrollbar-track {
	background-color: #EEE;
}

::-webkit-scrollbar-thumb {
	background-color: #C8A2C8;
}

#sp-top-bar {
	align-items: center;
  	background-color: transparent;
	display: flex;
	height: 22px;
}

#sp-header {
	box-shadow: none;
}

#sp-logo a {
	font-family: 'Damion', cursive;
}

#sp-slider .container {
	margin: 0;
	max-width: none;
	padding: 0;
}

#sp-slider .jmm-simple-img-slider.default .jmm-item {
	padding: 0 !important;
}

#sp-slider .jmm-image.img-center img {
	height: calc(100vh - 82px);
	object-fit: cover;
	width: 100%;
}

#sp-slider .jmm-text.desc-center {
	padding: 0;
	width: 100%;
}

#sp-slider .jmm-title {
	background-color: rgba(0, 0, 0, 0.5);
	color: #FFFFFF !important;
	display: table;
	font-size: 20px;
	margin: auto;
	max-width: 80%;
	padding: 10px;
	text-align: center;
}

#sp-main-body .contact {
	margin: 0 200px;
	text-align: center;
}

.columns-2 {
	align-items: center;
	column-gap: 10px;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	row-gap: 10px;
	text-align: center;
}

.tags {
    margin-bottom: 1rem;
    margin-top: 0;
}

.pager {
    margin-bottom: 50px;
}

iframe {
	border-radius: 4px;
	border: none;
}

@keyframes bounce {
	15% {
		transform: translateY(0);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
	}

	35% {
		transform: translateY(-35%);
		box-shadow: 0px 8px 5px -5px rgba(0, 0, 0, 0.25)
	}

	45% {
		transform: translateY(0%);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
	}

	55% {
		transform: translateY(-20%);
		box-shadow: 0px 5px 4px -4px rgba(0, 0, 0, 0.25)
	}

	70% {
		transform: translateY(0%);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
	}

	80% {
		transform: translateY(-10%);
		box-shadow: 0px 4px 3px -3px rgba(0, 0, 0, 0.25)
	}

	90% {
		transform: translateY(0%);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
	}

	95% {
		transform: translateY(-2%);
		box-shadow: 0px 2px 3px -3px rgba(0, 0, 0, 0.25)
	}

	99% {
		transform: translateY(0%);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
	}

	100% {
		transform: translateY(0);
		box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0)
	}
}

a.call-to-action-button {
	animation-timing-function: ease-in;
	animation: bounce 1.5s infinite;
	background-color: #38C;
	border-radius: 4px;
	color: #FFF;
	display: block;
	font-size: 20px;
	margin: auto;
	min-width: 100px;
	padding: 10px;
	transition: background-color 0.3s;
	width: fit-content;
}

a.call-to-action-button,
a.call-to-action-button:active,
a.call-to-action-button:link,
a.call-to-action-button:visited {
	color: #FFF;
	text-decoration: none;
}

a.call-to-action-button:hover {
	animation: none;
	background-color: #286CA3;
}

i.social-icon {
	font-size: 20px;
	margin-right: 20px;
}

@media screen and (max-width: 992px) {
	#sp-main-body .contact {
		margin: 0;
	}
}

@media screen and (max-width: 768px) {
	.columns-2 {
		grid-template-columns: repeat(1, 1fr);
	}
}