.logo-img{
	margin-left: 30px;;
	margin-top: 30px;
}

.nav-item{
	margin: 0 25px;;
}

.r-bold{
	font-family: Roboto;
	font-weight: 700;
}

.r-light{
	font-family: Roboto;
	font-weight: 300;
}

.os-light{
	font-family: Open Sans;
	font-weight: 300;
}

.os-bold{
	font-family: Open Sans;
	font-weight: 700;
}

.menu-item {
	font-family: Roboto;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 28px;

	color: #ffffff !important;
}

.text-one {
	/* font-family: Roboto; */
	/* font-style: normal;
	font-weight: bold; */
	font-size: 48px;
	line-height: 56px;

	color: #df7557;
}

.text-two {
	font-family: Open Sans;
	/* font-style: normal;
	font-weight: normal; */
	font-size: 24px;
	line-height: 33px;

	/* identical to box height */

	color: #ffffff;
}

.get-started {
	font-family: Open Sans;
	font-style: normal;
	font-weight: normal;
	font-size: 24px;
	line-height: 33px;
	border: none;
	background-color: transparent;
	height: 57px;
	width: 218px;
	cursor: pointer;
	/* identical to box height */

	color: #b4b7c0;
	background-repeat: no-repeat;
	background-position: center;
	background-image: url('/images/btn_r.png');
}

.get-started:hover {
	background-image: url('/images/btn_h.png');
	color: black;
}

.bg {
	background-image: url("/images/bg.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.content{
	/* height: 85vh; */
	margin-left: 60px;;
	padding-top: 20%;;
	padding-bottom: 10%;;
}

.hexagonal-button {
    svg {
        @media(max-width:992px) {
            transform: scale(0.8);
        }
      path {
        fill: red;
      }
    }
    &:hover {
      svg {
        path {
          
        }
      }
    }
  }