/* ubuntu-regular - latin */
@font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Ubuntu';
      font-style: normal;
      font-weight: 400;
      src: url('/fonts/ubuntu-v20-latin-regular.eot'); /* IE9 Compat Modes */
      src: url('/fonts/ubuntu-v20-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/ubuntu-v20-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/ubuntu-v20-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('/fonts/ubuntu-v20-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/ubuntu-v20-latin-regular.svg#Ubuntu') format('svg'); /* Legacy iOS */
}
/* ubuntu-700 - latin */
@font-face {
      font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
      font-family: 'Ubuntu';
      font-style: normal;
      font-weight: 700;
      src: url('/fonts/ubuntu-v20-latin-700.eot'); /* IE9 Compat Modes */
      src: url('/fonts/ubuntu-v20-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('/fonts/ubuntu-v20-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('/fonts/ubuntu-v20-latin-700.woff') format('woff'), /* Modern Browsers */
       url('/fonts/ubuntu-v20-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('/fonts/ubuntu-v20-latin-700.svg#Ubuntu') format('svg'); /* Legacy iOS */
      }


body {
      background-color:#eee;
      font-family: Verdana, Geneva, sans-serif;
      }

h1, h2 {
      text-transform: uppercase;
      font-size: 1.2rem;
}

a {
      color: black;
      text-decoration: none;
}


.buttons {
      display: flex;
      flex-flow: column wrap;
      justify-content: center;
      flex-direction: row;
      align-content: space-between;
      max-width:360px; 
      margin: 8em auto!important; 
      background-color: white; 
      padding: 3em;

      }

.button-left {
      margin-right:0;
      }

      
button {
      flex-grow: 1;
      flex-shrink: 3;
      flex-basis: | auto;
      -webkit-box-direction: normal;
      background-color: rgb(255, 105, 0);
      border-bottom-left-radius: 0px;
      border-bottom-right-radius: 0px;
      border-top-left-radius: 0px;
      border-top-right-radius: 0px;
      border: 0 !important;
      box-shadow: none!important;
      box-sizing: border-box;
      color: rgb(255, 255, 255);
      cursor: pointer;
      display: inline-block;
      font-family: 'Ubuntu', sans-serif;
      font-weight: 400;
      font-size: 20.25px;
      height: 58px;
      line-height: 27.3375px;
      overflow-wrap: break-word;
      padding-bottom: 15.50675px;
      padding-left: 28.99325px;
      padding-right: 28.99325px;
      padding-top: 15.50675px;
      text-align: center;
      text-decoration: none;
      text-decoration-line: none;
      max-width:200px;
      margin: 1em;

      }
button a {
      color: white;
      text-decoration: none;
      text-decoration-line: none;
      }


.wrapper {
      max-width: 600px;
      margin: 0 auto;
}

.content {
      padding: 2rem;
}

/*Responsive Columns*/

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 0 10px 0 0;
  height: 300px; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}