@import url('https://fonts.googleapis.com/css2?family=Baskervville:ital,wght@0,400..700;1,400..700&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

:root {
    --default: #363636;
}

* {
    color: var(--default) !important;
    font-family: "Baskervville", serif;
}

.navbar-brand {
    font-size: 24px !important;
}

#home_page {
	/*background: linear-gradient(rgba(0,0,0, .988), rgba(0,0,0, .1)), url("../img/bg2.jpg");*/
	background: rgb(247, 243, 240);
	background-repeat: no-repeat;
	background-size: cover;
	background-attachment: fixed;
}

#navbar .navbar-nav .nav-item {
	margin-left: 32px !important;
	font-size: 20px;
}

nav#navbar ul {
    font-weight: 600;
}

#contacts_group a {
	color: var(--default);
	font-size: 24px;
	margin: 10px;
	transition: color .3s ease-in-out;
}

#contacts_group a:hover {
	color: var(--default);
}

#footer {
	margin: 0 auto;
	display: flex;
	justify-content: center;
	text-align: center;
}

#footer p {
	position: absolute;
	bottom: 0;
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}

#content {
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}

#content h1 {
	font-size: 60px;
	text-transform: uppercase;
	padding-bottom: 24px;
}

#content h2 {
	font-size: 40px;
	color: var(--default);
}


@media screen and (max-width: 540px)
{
	#app_name {
		font-size: 70px !important;
	}

	#h1_p {
		font-size: 50px !important;
	}
}