* {
  margin: 0;
  height: 100%;
}

/**
// COLOURS //
**/
:root {
  --primary: #3e8391;        /*ming - greenish hue*/
  --primary-text: #fcfcfc;   /*white*/
  --secondary: #ffa92d;      /*warm - yellowish hue*/
  --secondary-text: #1b2021; /*black*/
  --black: #1b2021;          /*black*/
  --white: #fcfcfc;          /*white*/
}

/**
// FONTS //
**/
@font-face {
    font-family: advent-font;
    src: url("../font/AdventSans-Logo.ttf");
}
@font-face {
    font-family: sen-font;
    src: url("../font/Sen-Regular.ttf");
}

body {
  font-family: 'advent-font', sans-serif;
}


.flex-container {
  height: 100vh;
  width: 100vw;

  display: flex;
  /* justify-content: center;
  align-items: center; */
  flex-direction: row;
}

.columns-1 {
  /* flex-grow: 1; */
  width: 14.25vw;
  background-color: var(--white);
  border-left: 1px solid var(--secondary);
  /* height: 100%; */
}
.columns-6 {
  /* flex-grow: 6; */
  width: 85.5vw;
  background-color: var(--primary);
  text-align: center;
  /* height: 100%; */
}

img {
  width: 20%;
}

.flex-container > div {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

@media (max-width: 640px) {
  .columns-1, .columns-6 {  font-size: 18px;  }
}

@media (min-width: 640px) {
  .columns-1 {
    font-size: 24px;
    border-left: 3px solid var(--secondary);
  }
  .columns-6 {  font-size: 36px;  }
}