body, html {
width:100%;
height:100%;
margin:0 auto;
overflow-x: hidden;
overflow-y: hidden;

}
body {
  background-color: #FFBC43;
}
h1,h2,h3,h4,h5,h6,p {
  font-family: 'Montserrat', sans-serif;
  color: #fff;
}

h1 {
  font-weight: 700;
  font-size: 5rem;
  transition: 0.3s;
  transition-timing-function: ease-in-out;
  cursor: none;
}

h1:hover{
transform: translateY(-10px);
text-shadow: 5px 4px 6px rgba(117,117,117,0.5);
cursor:default;
}


p {
  font-weight: 300;
  font-size: 1.5rem;
}

a > button {
  background-color: #FFBC43!important;
  border:0px solid #FFBC43!important;
  display:inline-block;
  padding-left:0px;
  cursor: pointer;
}
a > button:hover {

}
.dot {
  color:#91bce5;
}
.niceButton {
  padding:5px 10px;
}
.niceButton h3 {
float:left;
padding-right:15px;
padding-top:25px;
font-weight: 700;
}

.niceButton h3 {
border-bottom:2px solid #FFBC43!important;
transition: 0.3s;
transition-timing-function: ease-in-out;
}
.niceButton h3:hover{
text-shadow: 5px 4px 6px rgba(117,117,117,0.5);
transform: translateY(-10px);
}
.niceButton img {
  float:right;
  transition: 0.3s;
  transition-timing-function: ease-in-out;
}
.niceButton img:hover{
transform: translateY(-10px);
text-shadow: 5px 4px 6px rgba(117,117,117,0.5);
}

a.niceButton {
  transition: 0.3s;
}
a.niceButton:hover {
  border: 1px solid fff;
}
img.heroImg {
  height:auto;
  margin-bottom: 50px;
  opacity: 0.3;
  max-height:400px;
  padding-top:50px;
  float:left;

}
.mainBlock {
  padding-top:50px;

}
.mainBlockRow {
  padding-bottom:25px;
  position: fixed;
  bottom:0;

}


@media (max-width:576px){
body, html {
  overflow-y: scroll;
}

  img.heroImg {
    max-height:350px;
  }

  .mainBlockRow {
    position:relative;
  }
  .niceButton {
    width:100%;
    text-align: center;
  }
  .niceButton img {
    float:none;
  }
  .niceButton h3 {
    float:none;
  }



}