html {
	font-family: "Rubik", "Rubik", "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	scroll-behavior:smooth;
}

body {
	padding-top: 20px;
	font-size: 16px;
	font-family: "Rubik", "Rubik", "Helvetica Neue", Helvetica, Arial,
		Geneva, sans-serif;
	background: transparent;
}

h1 {
	font-weight: 400;
	font-size: 60px;
	color: #333f48;
}

.carousel-item {
	height: 65vh;
	min-height: 350px;
	background: no-repeat center center scroll;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
  }

  .container-text{
	top: 50%;
  }

.hoverDiv {
	transition: transform .2s;
	-webkit-transition: transform .2s;
	-moz-transition: transform .2s;
	-ms-transition: transform .2s;
	-o-transition: transform .2s;
}

.hoverDiv:hover{
  transform: scale(1.1);
  -webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
}

.hoverDivSelected{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
  }

.hidden {	
    display: none;
}