@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');

body {
	overflow-x: hidden;
	font-family: 'Lato', sans-serif;
}

/*--- Navbar --*/

.navbar {
	color: black;
	background: rgba(255, 255, 255, .25)!important;
}
.navbar-brand img {
	height: 2rem;
}
.navbar-light .navbar-nav .nav-link {
	color: black;
}

/*--- Slider --*/

.carousel-item {
	height: 100vh;
}
.carousel-caption {
	position: absolute;
	bottom: 5%;
	color: black;
	width: 100%;
	right: 0;
	left: 1.5rem;
}

footer {
	padding: 2rem 0 3rem;
	margin-top: 1rem
}
footer img {
	height: 3rem;
	margin: 1.5rem 0;
}
footer svg.svg-inline--fa {
	font-size: 2rem;
	margin: 0 0 2rem 0;
}
hr.socket {
	width: 100%;
}


/*============ BOOTSTRAP BREAK POINTS:

Extra small (xs) devices (portrait phones, less than 576px)
No media query since this is the default in Bootstrap

Small (sm) devices (landscape phones, 576px and up)
@media (min-width: 576px) { ... }

Medium (md) devices (tablets, 768px and up)
@media (min-width: 768px) { ... }

Large (lg) devices (desktops, 992px and up)
@media (min-width: 992px) { ... }

Extra (xl) large devices (large desktops, 1200px and up)
@media (min-width: 1200px) { ... }

=============*/