@font-face {
    font-family: 'helveticaneue-light'; /*a name to be used later*/
    src: url('../fonts/helveticaneue-light.ttf'),url('../fonts/helveticaneue-light.eot'),url('../fonts/helveticaneue-light.woff'); /*URL to font*/
    
}


.title{
  text-align: CENTER;
    font-family: helveticaneue-light;
    background-color: #3f5716;
    width: fit-content;
    margin: 4vh auto;
    color: white;
    padding: 1vh;
    padding-left: 3vh;
    padding-right: 3vh;
        font-size: large;
    margin-bottom: 0px;
}

.background{
  background-color: #daddc5;
  width: 100%;
  height: 100%;
}

.logo{
  margin: 2vh auto;
    width: 20vh;
}

.map-container{
  width: 100%;
}

.pin{
  position: absolute;
  z-index: 10;
  width: 6vh;
}

.hucks{
   left: 70vh;
   top: 12vh;
}

.parc{
  left: 48vh;
    top: 14vh;
}

.sportscafe{
      left: 49vh;
    top: 24vh;
}

.vitale{
   top: 21vh;
   left: 89vh;
}

.map-container .map{
      width: 100vh;
    border: 9px solid white;
    border-radius: 15px;
}

.bottom-container{
      width: 100vh;
    bottom: 21vh;
    position: relative;
    margin: 0 auto;
}

.left{
      width: 33vh;
    float: left;
    position: absolute;
    left: -17vh;
}

.right{
  width: 31vh;
    float: right;
    position: absolute;
    right: -15vh;
}


.btn-holder{
  margin-top: 2vh;
}

.btn-future{
    background-color: #3f5716;
    border: none;
    color: white;
    padding: .5vh;
    padding-left: 2vh;
    padding-right: 2vh;
    border-radius: 5px;
    border: 2px solid white;
}

.btn-now{
  background-color: #56ac26;
  border: none;
    color: white;
    padding: .5vh;
    padding-left: 2vh;
    padding-right: 2vh;
    border-radius: 5px;
    border: 2px solid white;
}

.imagestyling{
   -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
}

canvas{
  -khtml-user-select: none;
    -o-user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select: none;
 border: 6px solid white!important;
 border-radius: 6px;
}

.backtomap{
  position: ABSOLUTE;
    margin-top: -4vh;
    margin-left: 11px;
 background-color: #3f5716;
    border: none;
    color: white;
    padding: .5vh;
    padding-left: 1vh;
    padding-right: 1vh;
    border-radius: 5px;
   
    border: 2px solid white;
}

.backtomap:hover{
 cursor: pointer;
 color: white;
 text-decoration: none;
}

.parc:hover, .hucks:hover, .vitale:hover, .sportscafe:hover {
     margin-top: 3px;
}