@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,500;1,600;1,700;1,800;1,900&family=Oswald:wght@200;300;400;500;600;700&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body {
	font-family: "Jost";
}

/********** Template CSS **********/
:root {
    --primary: #2A5E71;
    --primary-light: #0dcaf0;
    --secondary: #0DD3F1;
    --light: #F6F7FC;
    --dark: #15233C;
}

/* ----- general ----- */
.justify-content-right {
	justify-content: right;
}
.no-underline{
	text-decoration: none;
}
.btn-primary {
	background-color: var(--primary-light);
	border-color: var(--primary-light);
}
.bg-primary {
	background-color: var(--primary-light) !important;
}

/* ----- navbar ----- */
.navbar .navbar-brand {
	color: #fff;
}

.logo {
	max-width: 160px;
}

.navbar .nav-item {
	padding-left: 10px;
	padding-right: 10px;
}

.nav-link {
	display: inline-block;
}

.navbar .nav-link {
	color: #fff;
}
@media screen and (max-width: 767px) {
	.navbar .nav-link {
		text-align: center;
	}
}

.navbar-toggler {
	border: 1px solid var(--primary-light);
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(13, 202, 240, 0.8)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

/* ----- page header ----- */
.jumbotron.title {
	background: rgba(33, 37, 41, 0.8);
	color: #fff;
	padding: 15px;
}
.jumbotron.title h1,
.jumbotron.title p{
	text-shadow: 0 0 15px rgba(33, 37, 41, 0.8);
}