html, body {
  height: 100%;
}

body {  
  font-family: 'Hind', sans-serif;
  height:100%;
  width:100%;
  font-size: 16px;
}

a.link {
    display: block;
    text-align: center;
    width: 32px;
    margin: 30px auto;
}

.container-flex {
  background: #D37E00;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.container-flex img {
  margin: 0 auto;
}

.container-flex h1 {
  font-family: 'Oldenburg', cursive;
  font-size: 50px;
  margin-bottom: 20px;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}

.container-flex p {
  color: #fff;
  text-align: center;
  font-size: 16px;
}

.portfolio .container-flex {
  padding: 100px 0;
}

.work {
  margin-bottom: 100px;
}

.work h2, footer h2 {
  font-weight: 700;
  font-size: 50px;
  margin: 100px 0 20px;
}

.port-item {
  position: relative;
}

.port-title {
  position: absolute;
  top: 20px;
  left: 20px;
}

.port-item h3, .port-item p {
  color: #fff;
}

.port-item p {
  font-size: 21px;
  margin: 0;
}

.port-item h3 {
  font-size: 36px;
  font-weight: 700;
  margin: 0;
}

.port-item a {
  display: block;
}

.port-item a:hover {
  opacity: .7;
}

footer {
  background-color: #F6F6F6;
  padding-bottom: 100px;
}

footer p {
  font-size: 16px;
  margin: 0;
}

footer a, footer a:visited {
  color: #000;
  text-decoration: underline;
}

footer a:hover {
  color: #000;
  text-decoration: none;
}

.row.no-gutters {
  margin-right:0;
  margin-left:0;
}
.row.no-gutters > [class*='col-'] {
  padding-right:0;
  padding-left:0;
}

/* Work template */

.header-bg-telstra {
  background: #346BDD;
  padding-bottom: 20px;
}

a.back {
  border: 2px solid #fff;
  color: #fff;
  padding: 10px 30px;
  display: inline-block;
  margin: 20px 0 0 0;
}

a.back:hover {
  text-decoration: none;
}

.piece header p {
  font-size: 36px;
  color: #fff;
  text-align: center;
  margin: 0;
}

.piece header h1 {
  font-weight: 700;
  font-size: 64px;
  color: #fff;
  text-align: center;
  margin: 0 0 30px;
}

section {
  padding: 100px 0;
}

section h2 {
  font-weight: 700;
  font-size: 24px;
  margin: 0px 0 20px;
}

.vertically-center {
  display: flex;
  align-items: center;
}

.white {
  color: #fff;
  margin: 0 0 50px;
}

.img-responsive {
  margin: 0 auto;
}

section h3 {
  font-size: 18px;
  color: #fff;
  font-weight: 700;
  text-align: center;
  margin: 30px 0 20px;
}

.proof-points p {
  color: #fff;
  text-align: center;
  margin: 0 0 20px;
}

.proof-points {
  background-color: #252525;
}

.outputs h2 {
  margin-bottom: 50px;
}

.outputs p {
  margin: 20px 0 50px;
}

.my-responsibilties {
  background: #EBEFF3;
}

.my-responsibilties span {
  background-color: #fff;
  display: inline-block;
  padding: 10px 20px;
  margin: 10px 10px 0 0;
}

.telstra .outputs img {
  border: 1px solid #E8E8E8;
  padding: 10px;
}

.header-bg-fifa {
  background: #004F82;
}

.offset-img {
  position: relative;
  top: 30px;
}

.margin-img {
  margin-bottom: 50px
}

.header-bg-coles {
  background: #0167B2;
}

.coles .outputs img, .medibank .outputs img {
  margin-bottom: 40px;
}

.header-bg-medibank {
  background: #665FB1;
}

.header-bg-myob-checkout {
  background: #5D267F;
}

.header-bg-myob-ease {
  background: #B93399;
}