@font-face {
    font-family: 'Geomanist';
    src: url('https://cdn2.hubspot.net/hubfs/3864414/Design%20Frameworks/Fonts/Geomanist/Regular/geomanist-regular-webfont.eot');
    src: url('https://cdn2.hubspot.net/hubfs/3864414/Design%20Frameworks/Fonts/Geomanist/Regular/geomanist-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('https://cdn2.hubspot.net/hubfs/3864414/Design%20Frameworks/Fonts/Geomanist/Regular/geomanist-regular-webfont.woff2') format('woff2'),
         url('https://cdn2.hubspot.net/hubfs/3864414/Design%20Frameworks/Fonts/Geomanist/Regular/geomanist-regular-webfont.woff') format('woff'),
         url('https://cdn2.hubspot.net/hubfs/3864414/Design%20Frameworks/Fonts/Geomanist/Regular/geomanist-regular-webfont.ttf') format('truetype'),
         url('https://cdn2.hubspot.net/hubfs/3864414/Design%20Frameworks/Fonts/Geomanist/Regular/geomanist-regular-webfont.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

* {
 box-sizing: border-box;
 outline: none;
 font-family: 'Geomanist', sans-serif;
}

body {
 border: 0;
 margin:0;
 padding:0;
}

.container {
 max-width: 1440px;
}

.container-fluid {
 padding-left:50px;
 padding-right: 50px;
}


#header-logo {
 padding:25px 0;
}

#body-container {
 min-height: 600px;
 background: url(https://www.hotelsviva.com/hubfs/WEB-2021-redesign/Unsubscribe/background-lp.jpg) center center no-repeat;
 background-size: cover;
 display: flex;
 align-items: center;
}

#body-container h1 {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 1.25px;
  line-height: 63px;
  text-align: center;
  max-width: 1000px;
  margin:0 auto;
}

#body-container .row > div {
 width: 100%;
 text-align: center;
}

#body-container .button {
  color: #FFFFFF;
  font-family: Arial;
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  padding:20px 40px;
  background-color: #FF6B00;
  text-decoration: none;
  margin-top: 50px;
}

#footer {
 background:#EFEFEF;
}

#footer .footer-logos {

 text-align: center;
}

#footer .container-fluid {
 padding-top:20px;
}

#footer .footer-logos img {
 padding:0 10px;
}

#footer .footer-links > .row, #footer .footer-legal > .row {
 border-top:1px solid #707070;
 padding:25px 0;
}

#footer .footer-links-group {
 width: 20%;
 padding:0 10px;
}

#footer .footer-links-group h4 {
 color:#969696;
 font-weight: 400;
 margin:0 0 20px 0;
 font-size: 18px;
}

#footer .footer-links-group ul {
 margin:0;
 padding:0;
 list-style-type: none;
}

#footer .footer-links-group ul li {
 margin-bottom: 2px;
 line-height: 1.5;
}

#footer .footer-links-group ul li a, #footer .footer-legal a {
 color: #969696;
    font-weight: normal;
    font-size: 14px;
    text-decoration: none;
}
#footer .footer-info-social {
 text-align:center;
}
#footer .footer-info-social img {
 padding:0 3px;
}

#footer .footer-legal a {
 margin-right: 10px;
}


 #body-container.typ {
  background: url(https://www.hotelsviva.com/hubfs/WEB-2021-redesign/Unsubscribe/background-typ.png) center center no-repeat;
  background-size:cover;
 }
 #body-container.typ h1 {
  color: #346666;
  font-family: Arial;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 1.25px;
  line-height: 63px;
  text-align: center;
 }


 #body-container.typ h1 .orange {
 color: #FF6B00;
 font-family: Arial;
  font-size: 50px;
  font-weight: bold;
  letter-spacing: 1.49px;
  line-height: 51.2px;
  text-align: center;
 }
 
#body-container.typ-suscribe {
  background: url(https://www.hotelsviva.com/hubfs/WEB-2021-redesign/Unsubscribe/background-typ-2.jpg) center center no-repeat;
  background-size:cover;
}
  #body-container.typ-suscribe h1 {
   color: #346666;
   font-family: Arial;
   font-size: 42px;
   font-weight: bold;
   letter-spacing: 1.25px;
   line-height: 63px;
   text-align: center;
  }

 @media (max-width: 767px) {
#footer .footer-links-group {
 width: 100%;
 padding:0 10px;
 text-align: center;
 margin-bottom: 30px;
}

#footer .footer-legal a {
 margin:0 0 15px 0;
 text-align: center;
 display: block;
 text-align:center;
}

 }