@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@400;500;600;800;900&display=swap');


body {
    font-family: 'Rubik', sans-serif;
    background-image: url(../images/cards-bg.jpg);
}

.bg-green{background-color:yellowgreen;}
.navbar .navbar-nav > li .navbar-item ,
.navbar .navbar-brand{color: #096a39;}

.navbar li a {color: #096a39 !important;}

#stretch {
	z-index: 9999;
	background-image: url('../images/banner.svg');
    background-size: cover;
    background-color: #c4e945;
    text-align: center;
    -webkit-box-shadow: 1px 1px 5px;
    box-shadow: 1px 1px 5px;
    border-top: thin double hsla(0,0%,0%,0.78);
    padding-bottom: 67px;

}

#dolev {
    background-image: url('../images/blue-bg.svg');
    background-size: cover;
    padding-bottom: 129px;
    

}

#hadar{    background-image: url('../images/hero-bg.jpg');
    background-size: cover;
	padding-top: 49px;
    padding-bottom: 49px;}





#h6titlemain {
    mix-blend-mode: multiply; background-image: linear-gradient(97deg, #48de93, #256236);   font-weight: 900;  font-style: normal;  font-stretch: normal;  line-height: 0.75;  letter-spacing: normal;   -webkit-background-clip: text;  background-clip: text;  -webkit-text-fill-color: transparent; position: relative;  color:#48de93;
	
    font-size: 38.3px;
    text-decoration: underline;
    font-family: 'Rubik', sans-serif;
    font-weight: bold;
    
}
#h2titlemain {
    font-family: 'Rubik', sans-serif;
    color: #256230;
    font-size: 21px;
}

.mobileonly {
	display: none;
}

.desktoponly {
	display: block;
}


.center-object{
    text-align: center;
}


.about-cover p{
    font-size: 28px;
    text-shadow: 0px 0px 12px #FFFFFF;
}
.about-cover h2{font-size: 49px;}



@media (max-width:750px){

	#stretch {
	background-image: none;

}
	
	#h6titlemain {
    font-size: 25.5px;
	}
	
	#h2titlemain {
    font-size: 15px;
    max-width: 80%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
	
	.desktoponly {
		display: none;
	}

	.mobileonly {
		display: block;
	}	
	

	
	.about-cover p{font-size: 18px;}
	.about-cover h2{font-size: 25px;}
	
	#hadar{    
	padding-top: 53px;
    padding-bottom: 23px;}

}
