/* hero */
#heroBanner {
     background: #ECFDFF; 
    height: 700px;
}

.hero-content {
    flex-direction: column;
    /*padding-left: 5vw;*/
    /* 4vw */
}


.hero-content h1 {
    margin: 15px 0;
}

/* .hero-content p {
    color: #464154;
    font-family: Lufga;
    font-size: 17.067px;
    font-weight: 400;
    line-height: 29.867px;
} */

.hero-btn {
    margin-top: 60px;
}

.hero-btn a:first-child {
    margin-right: 25px;
}
.btn {
    display: inline-block;
    font-family: Lufga-light;

}

.btn-primary {
    background: #22909B;
    color: #fff;
	border:1px solid #22909B;
	scale:1;
	transition:all 0.4s !important;
}
.btn-primary:hover{
	scale:1.16;
}
.btn-tranparent {
    color: #25224A;
	background:transparent;
    border: 1px solid #7F798D;
	scale:1;
		transition:all 0.4s !important;
}
.btn-tranparent:hover{
	scale:1.16;
}
.hamburger {
    font-size: 25px;
}
@media only screen and (max-width: 1075px) and (min-width: 767px) {
    .hero-btn a:first-child{
        margin-bottom:25px;
    }
    .hero-btn a{
        font-size:15px;
    }
      #heroBanner{
        height: 900px;
    } 
    #heroBanner h1{
    font-size: 35px;
    line-height:40px;
}
    
    
}


@media only screen and (max-width: 767px) {
     #heroBanner{
        height: 700px;
    } 
#heroBanner h1{
    font-size: 35px;
}
.hero-content{
    margin-top:50px;
}
.hero-btn{
    margin-top: 30px;
}
.hero-btn a{
    margin-top: 10px;
}
#heroBanner .col-lg-6:last-child{
    display: none;
}
}
@media only screen and (max-width: 500px) {
    .hero-btn a{
        width:100%;
        text-align:center;
    }
    .hero-content { 
    padding-left: 0;
}
}