* {
     font-family: 'Poppins', sans-serif;
}
 body {
     overflow: hidden;
     padding: 0;
     margin: 0;
}
 body.-scroll {
     overflow: auto;
}
 main {
     position: absolute;
     top: 50%;
     padding: 0 5vw;
     width: calc(100% - 10vw);
     transform: translateY(-60%);
}
 main.-small {
     padding: 5vh 25vw;
     top: 0;
     transform: none;
}
 h1, h2, h3 {
     font-family: 'Poppins', sans-serif;
     font-size: 35px;
     text-align: center;
     margin-bottom: 40px;
}
 h2 {
     font-size: 25px;
     transform: translateY(-30px);
     font-weight: normal;
     margin-bottom: 20px;
}
 h3 {
     font-size: 20px;
     transform: translateY(20px);
     font-weight: normal;
}
 p, a {
     font-size: 20px;
}
 a {
     color: black;
     text-decoration: none;
}
 button {
     font-family: 'Poppins', sans-serif;
     font-weight: bold;
     font-size: 18px;
}
 .smileys {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
     width: 90vw;
     margin: 0 auto;
}
 .smileys.-small {
     width: 50vw;
}
 .smileys .smiley {
     width: 20%;
     text-align: center;
}
 .smileys .smiley img {
     width: 90%;
}
 .smileys.-small .smiley {
     width: 16.6%;
     text-align: center;
}
 .smileys.-small .smiley img {
     width: 30%;
}
 .smileys.-review .block {
     position: relative;
     background-color: #efefef;
     width: calc(45% - 60px);
     text-align: center;
     padding: 40px 30px;
}
 .smileys.-review .block img {
     width: 50%;
}
 .ml-form-embedWrapper.embedForm {
     width: 100vw !important;
     max-width: 100% !important;
     height: 100vh;
     padding: 50px 20px !important;
}
 .-tablet .ml-form-embedWrapper.embedForm {
     width: 50vw !important;
	 padding: 150px 20px !important;
}
 .ml-form-align-center {
     text-align: left !important;
}
 .ml-form-embedWrapper.embedForm img {
     height: 280px !important;
}
 .back {
     position: absolute;
     width: 50vw;
     height: 100vh;
     right: 0;
     top: 0;
     background-color: #ffd2d2;
     background-image: url("../media/reload.png");
     background-size: 30%;
     background-repeat: no-repeat;
     background-position: center 35%;
     z-index: 21474836401;
}
 .back-button {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -60%);
}
 button {
     background-color: #ff6b6b;
     color: #fff;
     appearance: none;
     border: none;
     padding: 30px 40px;
}
/* Custom CSS */
 h1.location-heading {
     position: fixed;
     font-size: 30px;
     z-index: 999;
     color:#000;
     left: 50%;
     top: 50%;
     background: #fff;
     width: 40%;
     transform: translate(-50%, -60%);
}
 .locations {
     display: flex;
}
 .location {
     position: relative;
     top: 0;
     left: 0;
     width: 50vw;
     height: 100vh;
     background-size: cover;
     background-position: center;
}
 .location .location-overlay{
     content: "";
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     background-color: rgba(0, 0, 0, 0.6);
}
 .location#restaurant {
     background-image: url("../media/restaurant.jpg");
}
 .location#hotel {
     background-image: url("../media/hotel.jpg");
}
 .location img {
     position: absolute;
     top: 50%;
     left: 70%;
     width: 50%;
     transform: translate(-50%, -50%);
     z-index: 999999;
}
 .location#restaurant img {
     left: 30%;
}
 .feedback-more textarea {
     width: 100%;
     font-size: 30px;
     height: 40vh;
}
 input[type=submit], .button {
     display: block;
     width: 100%;
     background: #00cb75;
     color: #fff;
     text-align: center;
     padding: 20px 0;
     font-size: 30px;
     font-weight: bold;
     border: none;
}
 .button {
     background: #ff6b6b;
}
 form {
     width: 100%;
}
 .additional-message {
     position: absolute;
     top: 50%;
     width: calc(100% - 10vw);
     transform: translateY(-50%);
}