@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,100);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300,100,700);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,100,300,200,500);
body, html {
  background-color: white;
  font-family: 'Roboto', 'Helvetica Neue', 'Helvetica, Arial', 'sans-serif';
  margin: 0px;
  padding: 0px;
  -webkit-font-smoothing: ntialiased; }

a {
  color: #008FD6; }

p {
  font-size: 13px;
  line-height: 1.5; }

.header {
  font-family: 'Raleway', 'Roboto', 'Helvetica Neue', 'Helvetica, Arial', 'sans-serif'; }

h1 {
  font-size: 22px;
  margin-top: 0; }

.weight {
  font-weight: 100; }

.weight2 {
  font-weight: 300; }

.weight3 {
  font-weight: 300; }

.button {
  clear: both;
  text-align: center;
  margin-top: auto; }

.button a {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.17), 0px 2px 6px 0px rgba(0, 0, 0, 0.07);
  border-radius: 4px;
  padding: 15px 32px;
  border-radius: 4px;
  text-decoration: none;
  color: #ffffff;
  margin-top: 10px;
  -webkit-transition-duration: 0.2s;
  /* Safari */
  transition-duration: 0.2s;
  display: block;
  margin-top: 20px; }
  
.button a:hover{
    transform:scale(1.05);
}

/*  int property awards button */
.button1 a {
  background-color: #a0e79c; }

.button1 a:hover {
  background-color: #86c083;
  color: white; }

/* int property & travel button */
.button2 a {
  background-color: #5DB2F0; }

.button2 a:hover {
  background-color: #5DB2F0;
  color: white; }

/* int fivestar button */
.button3 a {
  background-color: #4F0033; }

.button3 a:hover {
  background-color: #4F0033;
  color: white; }

/* ipax button */
.button4 a {
  background-color: #02b5b3; }

.button4 a:hover {
  background-color: #029694;
  color: white; }

/* int hotel awards button */
.button5 a {
  background-color: #1c0625;
  color: white; }

.button5 a:hover {
  background-color: #110416;
  color: white; }
  
/* ipax connect button */
.button6 a {
  background-color: #F36F21; }

.button6 a:hover {
  background-color: #f8630a;
  color: white; }
  
/* awarded Spaces button */
.button7 a {
  background-color: #c9b490; }

.button7 a:hover {
  background-color: #c7b18b;
  color: white; }

svg {
  vertical-align: bottom; }

.brand {
  margin: 0px;
  padding: 0px;
  display: flex; }

.ipawards {
  background-color: #131316;
  color: #ffffff; }

.propertyandtravel .logo img {
  width: 225px; }

.ihawards {
  background-color: #58276d;
  color: #ffffff; }

.ipax {
  background-color: #005675;
  color: #ffffff; }
  
.ipaxconnect {
  background-color: #06B5B3;
  color: #ffffff; }

.mintaddress {
  background-color: #439539;
  color: white; }

.fivestar {
  background-color: #29051c;
  color: #ffffff; }

.details {
  float: right;
  width: 50%; }

.logo {
  float: left;
  text-align: center;
  width: 50%; }

/* footer */
.footer {
  color: #8B8B8B;
  padding-top: 10px;
  padding-bottom: 20px;
  background-color: #262626;
  font-size: 14px; }

.container {
  padding: 52px 40px;
  flex: 1 1 50%;
  display: flex;
  flex-direction: column; }
  
.propertyandtravel.border{
    border-right: 1px solid lightgrey;
    margin-right: 1px; }

.section {
  padding-bottom: 20px;
  /* padding-bottom:80px; */ }

h2 {
  color: white;
  font-weight: 600;
  text-align: center; }

.bold {
  color: white;
  font-weight: 200; }

/* 
.f-left {
float:left;
width:50%;
text-align:center;
}

.f-right{
float:left;
width:50%;
padding-bottom:20px;
text-align:center;
}
 */
.f-left, .f-right {
  text-align: center; }

@media only screen and (max-width: 1300px) {
    .logo,.details {width:100%;}
    .propertyandtravel.border{
    border-right: 0px;
    margin-right: 0px;
    border-bottom: 1px solid lightgrey;}
}

@media only screen and (max-width: 968px) {
  .propertyandtravel .logo img {
    width: 140px; }

  .fivestar .logo img {
    width: 140px; }

  .ipax .logo img {
    width: 140px; } }
@media only screen and (max-width: 768px) {
  .brand {
    display: block; }
    .container {padding: 52px 25px;}
}