html {
  scroll-behavior: smooth;
}

/* ==== HERO ==== */

/* 23AE59 old green */

.hero.is-primary.is-bold {
    /*background: linear-gradient(103.76deg, #FEF9C7 29.14%, #9FEDD7 100.98%), #FEF9C7;*/
    background: #0B383E !important;
  	border-radius: 100% 0% 110% 30% / 2% 45% 80% 30%;
  	max-height: 550px;
}

.hero h1.title,
.hero h2.subtitle {
	color: #FFF !important;
}

.hero h1.title {
	font-family: 'Coustard', serif;
	font-weight: normal;
	max-width: 600px;
	margin-bottom: 50px;	
}

.hero h2.subtitle {
	font-family: 'Montserrat', sans-serif;	
	margin-bottom: 40px;
}

.hero .cta {
	background-color: #088773;
	color: #FFF;
	padding: 10px;
	border-radius: 100px;
	text-transform: uppercase;
	font-family: 'Montserrat', sans-serif;	
	font-weight: bold;	
}

.heroimg {
	position: relative;
	top: -90px;
}

.wrapper,
.wrapper-collaborations,
.wrapper-ctas {
	max-width: 1200px;
	margin: 0 auto;
}

.wrapper-collaborations {
	padding-left: 20px;
	padding-right: 20px;
}

.wrapper-ctas {
	padding-top: 20px;
}

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

.navbar {
	padding-right: 20px;
	position: fixed;
	width: 100%;
	box-shadow: 1px 1px 4px gray;
}

.navbar-item {
	font-family: 'Montserrat', sans-serif;	
	font-weight: 600;
	font-size: 14px;
	letter-spacing: 0.07em;
	color: #000 !important;
	text-transform: uppercase;
	padding: 18px 10px 18px 10px;
	margin-right: 50px;
}

/*.navbar-item a {
	border-bottom: 3px solid #FFF;
}

.navbar-item a:hover {
	border-bottom: 3px solid #088773;
}*/

.navbar-item.button {
	border: none;
}

.navbar-item.button.contactme {
	border: 3px solid #088773;
	border-radius: 100px;
	background-color: transparent;
	padding: 15px 10px 15px 10px;
}

.navbar-item img {
	max-height: 50px;
}

.navbar-item.medsos-logo {
	margin-left: 30px;
}

.navbar-burger {
	top: 20px;
	position: absolute;
	right: 40px;
}

.contains-icon {
	text-align: center;
}

section.hero .navbar-item.contactme:hover {
	background: #088773 !important;
	color: #fff !important;
}

section.hero .navbar-item.medsos-logo:hover {
	border-bottom:0;
}

@media screen and (max-width: 1024px) {

	.navbar {
		padding: 0px;
	}

	.navbar-item.medsos-logo {
		margin-left: 0px;
	}

	.navbar-item {
		width: 100%;
		padding: 0px
		margin-right: 0px;
	}

	.navbar-item.button.contactme {
		border: 0px;
	}

	.hero.is-primary.is-bold .navbar-menu {
	  	background: #FEF9C7;
	}

	.navbar-item {
		text-align: center;
	}

	.navbar-item:hover {
		background-color: transparent !important;
		border:0;
	}

	section.hero .navbar-item.contactme:hover {
		background: transparent !important;
		color: #000 !important;
	}
}


@media screen and (max-width: 768px) {

	.navbar {
		padding: 0px;
	}

	.navbar-item.medsos-logo {
		margin-left: 0px;
	}

	.navbar-item {
		width: 100%;
		padding: 0px
		margin-right: 0px;
	}

	.navbar-item.button.contactme {
		border: 0px;
	}

	.hero.is-primary.is-bold .navbar-menu {
	  	background: #FEF9C7;
	}

	.navbar-item {
		text-align: center;
	}

	.navbar-item:hover {
		background-color: transparent !important;
		border:0;
	}

	section.hero .navbar-item.contactme:hover {
		background: transparent !important;
		color: #000 !important;
	}

	.disappear-on-mobile {
		display: none;
	}
}

/* ==== SECTIONS ==== */

#section-info {
	background-image: url('../imgs/stonea.png');
	background-repeat: no-repeat;
}

#stone-bg {
	background-image: url('../imgs/stoneb.png');
	background-repeat: no-repeat;
}

#section-socialproof {
	margin-bottom: 50px;
} 

#section-info h1,
#section-visita h1,
#section-socialproof h1,
#section-collaboration h1 {
	margin-top: 50px;
	font-family: 'Coustard', serif;
	font-weight: normal;
	text-align: center;
}

#section-info p,
#section-visita p,
#section-socialproof p,
#section-collaboration p {
	font-family: 'Montserrat', sans-serif;	
	font-weight: 500 !important;
	margin: 0 auto;
	max-width: 1160px;
	padding: 20px;
}

#section-info .service-icon {
	position: relative;
	top: 35px;
	width: 60%;
}

.innerbox,
.innerbox-smaller {
	padding: 20px 0 20px 0;
	width: 100%;
	background: #0B383E;
	border-radius: 6px;
	text-align: center;
	margin: 0 auto;
	height: 235px;
}

.innerbox-smaller {
	position: relative;
	top: -85px;
	height: 90px;
	line-height: 50px;
}

.innerbox h1 {
	color: #FFF;
}

.cta-collaboration {
	font-family: 'Montserrat', sans-serif;	
	font-weight: 700 !important;
	text-transform: uppercase;
	color: #FFF;
	background: #088773;
	border-radius: 30px;
	padding: 8px;
}

.centered-icons .column {
	text-align: center;
}

.centered-icons img {
	width: 25%;
}

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

footer {
	margin-top: 50px;
	padding: 50px;
	background-color: #0B383E;
}

footer a {
	color: #FFF;
}

footer a:hover {
	color: #088773;
}

footer p,
footer .biggerfont {
	font-family: 'Montserrat', sans-serif;	
	color: #FFF;
}

footer .biggerfont {
	font-weight: 700 !important;
}

footer .medsos-logo-footer {
	width: 50%;
}

footer .footer-icon {
	width: 34px;
	height: 34px;
	margin-right: 15px;
}


.scale-video {
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

.scale-video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}