/* ------------------------------------------------------------------
Project: Semantic
Place here your custom CSS styles
------------------------------------------------------------------ */
body {
    background: #fff;
    font: 400 18px "Helvetica", "Open Sans", Arial, sans-serif;
    color: #000;
}
.font-alt {
    font: 36px "Helvetica", "Open Sans", Arial, sans-serif;
    font-weight: 700;
    letter-spacing: 0px;
    text-transform: initial;
}
.navbar-custom .navbar-brand {
	font: bold 20px "Helvetica", "Open Sans", Arial, sans-serif;
}
.navbar-custom{
	font: 13px "Helvetica", "Open Sans", Arial, sans-serif;
}
.hero {
    margin-top: 50px;
}
.hero-container {
    position: relative;
}
.hero-container img {
	width: 100%;
}

.hs-title-size-4 {
    font-size: 36px;
    font-weight: 900;
    /*color: #35bdbb;*/
}
.hs-title-size-1 {
    letter-spacing: inherit;
    max-width: 600px;
    margin: auto;
    font-size: 26px;
    text-transform: inherit;
    font-weight: 300;
}

.col-bg {
    background: rgb(129 241 235);
    background: none;
    padding: 140px 60px;
}
.module-img{
	background-position: 0 50%;
	background-size: cover;
}

@media (max-width: 991px) {
	.hs-title-size-4 {font-size: 24px;}
	.hs-title-size-1{font-size: 18px;}
	.font-alt {font-size: 24px;}
	.module-title {text-align: center;    margin-bottom: 30px;}
	.col-bg {background: rgb(129 241 235);padding: 60px 30px;}
}