@import url('https://fonts.googleapis.com/css?family=Hind:300,400,700|Muli:300,400,700&display=swap');
/*
	font-family: 'Muli', sans-serif;
	font-family: 'Hind', sans-serif;
 */

body { width: 100%; height: 100%; }
html { width: 100%; height: 100%; }

h1, h2, h3, h4, h5, h6 {
	font-family: 'Hind', sans-serif;
	margin-top: 0;
	margin-bottom: 0;
	font-weight: 400;
	letter-spacing: 0;
}

p {
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	/* line-height: 1.66667; */
	font-weight: 300;
}

small { font-family: 'Muli', sans-serif; }

a {
	font-family: 'Muli', sans-serif;
	color: #006eb7;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}
a:hover, a:focus { color: #000; }

li {
	font-family: 'Muli', sans-serif;
	font-size: 16px;
	line-height: 1.66667;
	font-weight: 300;
}

label {
	font-family: 'Muli', sans-serif;
	font-weight: 600;
	font-size: 12px;
	text-transform: uppercase;
}



/* NAVBAR
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.nav-mercantile { z-index: 9; }

.nav-mercantile .navbar-nav .nav-link { font-family: 'Hind', sans-serif; font-size: 18px; color: rgba(0, 0, 0, 1); }
@media screen and (max-width : 1009px) { .nav-mercantile .navbar-nav .nav-link { font-size: 12px; } }
@media screen and (max-width : 768px)  { .nav-mercantile .navbar-nav .nav-link { font-size: 18px; } }

.nav-mercantile .navbar-nav .nav-link:focus, .nav-mercantile .navbar-nav .nav-link:hover {
	color: rgba(255, 255, 255, 1) !important;
	background-color: rgba(0, 0, 0, 1);
	border-radius: 20px;
	margin: -5px 0 0 0;
}

.nav-mercantile .dropdown-menu {
	background-color: rgba(0, 0, 0, 1);
	border-radius: 20px;
}

.nav-mercantile .dropdown-item { color: #FFF; }
.nav-mercantile .dropdown-item:hover {
	color: #000;
	background-color: rgba(255, 255, 255, 1);
	border-radius: 20px;
}



/* MAIN JUMBOTRON & TAGLINE
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.jumbo-main {
	position: relative;
	z-index: 7;
	/* background: linear-gradient(0deg, rgba(0,0,0,0.6), rgba(0,0,0,0.6)), url('../imgs/jumboImg-1.jpg'); */
	/* background-size: cover; */
	/* border-top: 3px solid #000; */
	/* border-bottom: 3px solid #000; */
}
.jumbo-main h3 { color: #FFF; }



/* SERVICES BOX
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.services-box {
	max-width: 18rem;
	min-height: 290px;
	-webkit-transition: all 0.2s ease-in-out;
	   -moz-transition: all 0.2s ease-in-out;
			  transition: all 0.2s ease-in-out;
}

.services-box:hover { border: 3px solid #000; margin: -20px 0 17px 0; }
.services-box hr { margin-top: 20px; max-width: 80px; border-bottom: 2px dashed #000; }

.goDown {
	color: #0970b5;
	border: 1px solid rgba(219,219,219,1);
	background-color: #FFF;
	border-radius: 50%;
	padding: 4px 9px 4px 9px;
	font-size: 30px;
}



/* HIGHLIGHT BOX
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.mini-title-boxed { background-color: #000; padding: 20px 20px 20px 20px; }



/* HIGHLIGHT BOX
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.highlight-box { padding: 30px 25px 25px 25px; }

.box-light { background-color: #f7f7f7; color: #000; }
.box-dark { background-color: #2b2b2b; color: #FFF; }

@media screen and (max-width : 970px){ .highlight-box h3 { font-size: 22px; } }
@media screen and (max-width : 768px){ .highlight-box h3 { font-size: 25px; } }



/* BUTTON
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.btn-bold {
	border: 4px solid;
	border-radius: 0;
}



/* FOOTER
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = */

.footer { margin-top: 100px; border-top: 3px solid #2b2b2b; }
.footer p { font-size: 12px; }