@font-face
{
	font-family: 'Michroma';
	src: url('fonts/Michroma-Regular.ttf') format('truetype');
	font-weight: 400;
}

*
{
	box-sizing: border-box;		/* Dimensions must include padding and border */
}

body
{
	background: url('img/bgd.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
	user-select: none;
}

.title
{
	color: black;
	text-shadow: 3px 3px 3px white;
	font: 400 3.5rem Michroma, sans-serif;
	padding-top: 2vw;
	padding-bottom: 3vw;
}

.services
{
	height: 66vh;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
	text-shadow: 1px 1px 1px black;
	font: 400 2.5rem Michroma, sans-serif;
	padding: clamp(0.25rem, 2vw, 1.25rem);
	overflow-y: scroll;
	scrollbar-width: none;
}

li
{
	padding-top: 1vw;
	padding-bottom: 1vw;
}

.contact
{
	display: inline-block;
	position: fixed;
	right: 3vw;
	bottom: 2vh;
	color: white;
	background-color: rgba(0, 0, 0, 0.25);
	text-shadow: 1px 1px 1px black;
	font: 400 1.15rem Michroma, sans-serif;
}

.contact span
{
	padding-left: 0.75rem;
	padding-right: 0.75rem;
}

.cta
{
	display: inline-block;
	border-radius: 50px;
	background-color: #008934;
}

.cta img
{
	height: 4rem;
	vertical-align: middle;
}

footer
{
	display: none;
}

@media (max-width: 1024px) 
{
	body
	{
		background-image: url('img/bgm.jpg');
	}
	.title
	{
		font-size: clamp(1rem, 7vw, 3rem);
		padding: 3vw;
		text-align: center;
	}
	.services
	{
		font-size: clamp(1rem, 6vw, 2.5rem);
	}
}