/* CSS Document */

#logo {
	width: 200px;
	height: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

.navcontact {
	color: white;
}

.contact-link {
	color: white;
	text-decoration: none;
}

.west-hero {
	background-image: url("/img/tgrid.png");
	background-size: auto;
	text-align: center;
	margin-bottom: 80px;
}

.outlined {
	border-bottom: 1px solid gray;
}

.west-feature {
	padding-top: 0px;
	margin-top: -130px;
}

#logo-footer {
	width: 200px;
	height: auto;
	margin-bottom: 30px;
}

.btn-primary {
	background-color: black;
	color: white;
}

.btn-primary:hover {
	background-color: dimgray;
}

.hero-h1 {
	margin-bottom: 120px;
}

.hero-cta {
	color: white;
	margin: 20px;
}

a.nav-link {
	color: #f9ad3f;
}

a.nav-link:hover {
	color: #ffffff;
}

.wi-img {
	border-radius: 25px 0px 25px 0px;
}

.comment {
	font-style: italic;
}

.hero-feed {
	font-size: 1.4rem;
}

.modal-body {
	text-align: center;
	width: 100%;
}

.contact-button-container {
	padding: 20px;
}

.btn-call, .btn-wa, .btn-mail {
	width: 100%;
}

.call-icon {
	color: white;
	margin-left: 10px;
}

.btn-call {
	background-color: darkslateblue;
	color: white;
}

.wa-icon {
	color: white;
	margin-left: 10px;
}

.btn-wa {
	background-color: green;
	color: white;
}

.mail-icon {
	color: white;
	margin-left: 10px;
}

.btn-mail {
	background-color: cornflowerblue;
	color: white;
}

.lempi {
	font-family: Helvetica, Arial, "sans-serif";
	color: #f9ad3f;
	font-weight: bold;
}