scss

gistfile1.scss

@import 'header';
@import 'home-footer';

html,
body{
  color: $itb4-colour;
  min-width:320px;
  min-height:100%;
  font-size: 1em;
  height: 100%;
  font-family: $primary-font;
  margin: 0;
}

a,a:visited,a:active, a:hover,a:focus{
  color: $itb4-colour;
  outline: none;
  text-decoration: none;
}

h1 {
  font-size: 72px;
  font-weight: 700;
  margin-top: 0;
  margin-bottom: $top-buttom-margin;
}

.container {
  @include outer-container;
}

@include direction-context(right-to-left) {
 .right-to-left-block {
   @include span-columns(6);
  }
}

.red {
  color: $itb2-colour;
}
.half{
  @include span-columns(7);
}
.wrapper-center {
  padding-left: $left-rigth-margin;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  overflow: hidden;
  display: table;
  vertical-align: middle;
}

.vcenter {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  padding: 0;

}

.button{
  border: $button-border solid $itb4-colour;
  border-radius: $button-radius;
  padding: ($tb-button-margin - $button-border) ($lr-button-margin - $button-border);
}
.button:hover{
  color: $itb1-colour;
  background-color: $itb4-colour;
}