html {
	scroll-behavior: smooth;
}

html,
body {
	font-family: 'Roboto', sans-serif;
	background-color: #f8f9fa;
	color: #343a40;
	line-height: 1.5;
}

.nowarn {
	margin-bottom: 1rem;
}

.logo {
	max-width: 240px;
	max-height: 65px;
}

a {
	color: #343a40;
}
a:hover {
	color: #121416;
}

.home-hero p {
	margin-top: 1rem;
	font-size: 125%;
}

img.avatar {
	border-radius: 50% !important;
}

@media (min-width: 768px) {
	.custom-width {
	  width: 75%;
	}
}

input {
	max-width: 100%;
}
  

/* -------------------------- */
/* Start inputs */
/* ------------------------- */

/* Common input styling */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="tel"],
input[type="url"],
input[type="search"],
textarea,
select {
	display: block;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0.25rem;
	transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

/* Focus state */
input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
textarea:focus,
select:focus {
	border-color: #80bdff;
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}

/* Disabled state */
input[type="text"][disabled],
input[type="email"][disabled],
input[type="password"][disabled],
input[type="number"][disabled],
input[type="tel"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
textarea[disabled],
select[disabled] {
	background-color: #e9ecef;
	opacity: 1;
}

/* Styling for textareas */
textarea {
	resize: vertical;
}

/* Styling for select elements */
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}


/* Primary button styling */
/* .btn,
input[type="submit"],
input[type="button"] {
	display: inline-block;
	font-weight: 400;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	user-select: none;
	background-color: #007bff;
	border: 1px solid #007bff;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
	border-radius: 0.25rem;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	text-decoration: none;
}

.btn:hover,
input[type="submit"]:hover,
input[type="button"]:hover {
	background-color: #0056b3;
	border-color: #0056b3;
	color: #fff;
}

.btn:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
.btn:active,
input[type="submit"]:active,
input[type="button"]:active {
	outline: 0;
	box-shadow: 0 0 0 0.2rem rgba(38, 143, 255, 0.5);
	color: #fff;
}

.btn:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled {
	opacity: 0.65;
	pointer-events: none;
} */

/* -------------------------- */
/* END inputs */
/* ------------------------- */