/* layout for higher res */
.all {
  max-width: 1240px;
  margin-left: auto;
  margin-right: auto;
  }

.interview-head,
.tabs {
  margin-left: 40%;
}

#gin3i > * {
  margin-left: 0;
}
#gin4i > *,
#gin5i > *,
#gin6i > * {
  margin-left: auto;
}
#gin1i {
  padding-left: 20%;
  margin-left: 0;
}
#gin2i {
  padding-left: 35%;
}
#gin3i {
  padding-left: 52%;
  padding-right: 0;
}
#gin4i {
  padding-right: 52%;
  margin-right: 0;  
}
#gin5i {
  padding-right: 35%;
}
#gin6i {
  padding-right: 20%;
}
.interview-image {
  -webkit-flex: 0 0 35%;
  -webkit-align-self: flex-start;
  flex: 0 0 35%;
  align-self: flex-start;
}
.interview {
  -webkit-flex: 0 0 60%;
  flex: 0 0 60%;
}

/*
.sticky-wrapper {
  height: auto !important;
}
.is-sticky .header {
  height: auto;
}
.is-sticky .header .logo {
  width: 120px;
}
.is-sticky .nav {
  padding-top: 0;
}*/

/* cols */
.cols {
  display: -webkit-flex; 
  -webkit-align-items: flex-start;
  -webkit-flex-flow: row wrap; 
  -webkit-justify-content: space-between; 

  display: flex; 
  align-items: flex-start;
  flex-flow: row wrap; 
  justify-content: space-between;
  }
  .cols > * {
    display: inline-block;
  }
  .cols-1-1 > * {
    width: 47%;
    }
  .cols-1-1-1 > * {
    width: 32.5%;
    }
  .cols-1-2 > *:first-child,
  .cols-2-1 > * + * {
    width: 32.5%;
    }
  .cols-2-1 > *:first-child,
  .cols-1-2 > * + * {
    width: 66.25%;
    }
  
  .cols-1-3 > div:first-child {
    width: 25%;
    }
  .cols-1-3 > div {
    width: 70%;
    }
  .cols > .col-bottom {
    -webkit-align-self: flex-end;
    align-self: flex-end;
    }
  .cols > .col-centered {
    -webkit-align-self: center;
    align-self: center;
    }
    
  .drink {
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }