@font-face {
  font-family: 'GT Ultra Median Regular';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/GT-Ultra-Median-Regular.woff2') format('woff2'),
       url('fonts/GT-Ultra-Median-Regular.woff') format('woff');
}

@font-face {
  font-family: 'GT Ultra Standard Light';
  font-style: normal;
  font-weight: 300; /* Light */
  src: url('fonts/GT-Ultra-Standard-Light.woff2') format('woff2'),
       url('fonts/GT-Ultra-Standard-Light.woff') format('woff');
}

@font-face {
  font-family: 'GT Ultra Standard Regular';
  font-style: normal;
  font-weight: 400; /* Regular */
  src: url('fonts/GT-Ultra-Standard-Regular.woff2') format('woff2'),
       url('fonts/GT-Ultra-Standard-Regular.woff') format('woff');
}

:root {
--racing-green:#024731;
--heritage-green:#006A4D;
--everyday-green:#11B67A;
--vibrant-green:#6CF479;
--calm-green:#C7FFC6;
--highlight-green:#0BE248;


--wa-font-family-body:GT Ultra Standard Light, ui-sans-serif, system-ui, sans-serif;
--wa-font-family-heading:GT Ultra Median Regular, ui-sans-serif, system-ui, sans-serif;
}

body {padding:0; margin:0; background:var(--everyday-green);}

div.header {
  height: 50px;
  background: var(--everyday-green);
  position: sticky;
  top: 0;
  z-index: 2;
  padding: 0 var(--wa-space-m);
  container-type: inline-size;
  container-name: header;
  
  & img {
    &.icon {
      height: 35px;
    }
    &.logo {
      height: 20px;
    }
    &.onebanx {
      height: 20px;
    }
  }
}

/* iPad */
@media (min-width: 768px) {
  div.header {
    height: 60px;
    
    & img {
      &.icon {
        height: 40px;
      }
      &.logo {
        height: 22px;
      }
      &.onebanx {
        height: 30px;
      }
    }
  }
}

/* Desktop */
@media (min-width: 1024px) {
  div.header {
    height: 70px;
    
    & img {
      &.icon {
        height: 42px;
      }
      &.logo {
        height: 26px;
      }
      &.onebanx {
        height: 34px;
      }
    }
  }
}

main {
	margin:50px 0 0 0;
}

section.banner {
	background:url(images/GirlInOffice-wide.jpg); background-position:  center;  background-size: cover;

	& img {
		width: 80%;
		display: block;
		border-radius: 15px;
		margin:0 auto;
	}
}


section.racing-green {
	background-color:var(--racing-green);
}
section.heritage-green {
	background-color:var(--heritage-green);
}
section.everyday-green {
	background-color:var(--everyday-green);
}
section.vibrant-green {
	background-color:var(--vibrant-green);
}
section.calm-green {
	background-color:var(--calm-green);
}
section.highlight-green {
	background-color:var(--highlight-green);
}

section.footer {padding-top:var(--wa-space-m); padding-bottom:var(--wa-space-l);}

section > div {
	max-width: 760px;
	margin:auto;
}



.wa-grid {
grid-template-columns:1fr 1fr;
padding:var(--wa-space-l) var(--wa-space-l) var(--wa-space-l);
}



.order-start {order:-1;}
.order-normal {order:0;}
.order-end {order:999;}

.text-align-left {text-align:left;}
.text-align-center {text-align:center;}
.text-align-right {text-align:right;}

.vertical-align-top {align-self:start;}
.vertical-align-middle {align-self:center;}
.vertical-align-bottom {align-self:end;}

.line-height-condensed {line-height:var(--wa-line-height-condensed);}