:root {
		--primary-color: rgba(13,110,139,0.75);
		--overlay-color: rgba(24,39,51,0.85);
		--menu-speed: 0.75s;
}

*{
		box-sizing: border-box;
		margin: 0;
		padding: 0;
}

body {
		font-family: 'Roboto', sans-serif;
		line-height: 1.4;
}

.container {
	padding: 40px 5%;
}
/*
.container {
		max-width: 960px;
		margin: auto;
		overflow: hidden;
		padding 0 3rem;
}
*/
.showcase {
		background-color: var(--primary-color);
		color: #ffff;
		background-attachment: scroll;
		position: relative;
}

.showcase:before {
		content:'';
		background: url('../images/pexels-photo-533923.jpeg');
		position: absolute;
		background-attachment: scroll;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: -1;
}

.showcase .showcase-inner {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		text-align: center;
		height: 100%;
}

.showcase h1 {
	text-align: center;
		font-size: 4rem;
		width: 100%;
		align: center;
		justify-content: center;
}

.showcse p {
		1.3rem;
}

.button {
		display: inline-block;
		border: none;
		background-color: var(--primary-color);
		color: #fff;
		padding: 0.75rem 1.5rem;
		margin-top: 1rem;
		text-decoration: none;
		transition: opacity 1s ease-in;
}

.button:hover {
		opacity: 0.7;
}