body {
	font-family: 'Inter', sans-serif;
}

.container {
/* 	width: 100%; */
	max-width: 1200px;
	margin: 0 auto;
}

.prmbl-app {
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

.prmbl-app__header {
	border-bottom: 1px solid #f5f5f5;
}

.prmbl-app__main {
	flex-grow: 1;
}

.prmbl-app__footer {
	background-color: #f5f5f5;
}


/*
 * HEADER
 */
.header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 8px 0;	
}

.header__logo {
	font-size: 28px;
	font-weight: 700;
	text-decoration: none;
}

/* .header__logo:hover, */
.header__logo:visited {
	color: #000;
}

.header__logo span {
	color: #a4a4a4;
}

.header__nav nav {
	display: flex;
	gap: 16px;
}

.header__nav nav a {
	color: #a4a4a4;
	transition: color .25s ease;
	text-decoration: none;
}

.header__nav nav a:hover {
	color: #303030;
}

.header__phone {
	font-size: 18px;
	font-weight: 700;
	color: #303030;
	text-decoration: none;
	transition: color .25s ease;
}

.header__phone:hover,
.header__phone:visited {
	color: #a4a4a4;
}

/*
 * MAIN
 */
.main {
	padding: 16px 0;
}

/*
 * FOOTER
 */
.footer {
	padding: 8px;
	text-align: center;
}

.footer__copy {
	font-size: 12px;
	color: #808080;
}