.global-footer {
   font-size: 16px;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-around;
   padding-top: 3em;
   padding-left: 1em;
   padding-right: 1em;
   font-family: 'Open Sans', sans-serif;
   font-size: .8em;
   color: #999;
   background-color: #222222;
}

.global-footer ul {
   display: flex;
   flex-basis: calc(100% / 4);
   flex-direction: column;
   align-items: center;
   padding: 1em;
}

.global-footer li {
   max-width: 20em;
   width: 100%;
   padding-top: .5em;
   padding-bottom: .5em;
   border-top: .1em solid rgba(255, 255, 255, 0.05);
   line-height: 1.4;
}

.global-footer li:first-child {
   border: 0;
   font-weight: 700;
   text-transform: uppercase;
   color: #f2f2f2;
   letter-spacing: .1em;
}

.global-footer li:nth-child(2) {
   border: 0;
}

.global-footer a {
   transition: .2s;
}

.global-footer a:hover,
.global-footer a:active,
.global-footer a:focus {
   color: #1EAAB4;
}

.global-footer a[class^=icon]::before {
   margin-right: 1em;
}

.global-footer footer {
   flex-basis: 100%;
   margin-top: 3em;
   padding-top: 1em;
   padding-bottom: 1em;
   border-top: 1px solid rgba(255, 255, 255, 0.05);
   text-align: center;
}


/** MOBILE AND TABLET SCREENS
**/

@media only screen and (max-width: 900px) {
   .global-footer {
      justify-content: flex-start;
   }
   .global-footer ul {
      flex-basis: calc(100% / 2);
   }
}


/** SMALLER MOBILE SCREENS
**/

@media only screen and (max-width: 500px) {
   .global-footer ul {
      flex-basis: calc(100% / 1);
   }
   .global-footer li {
      max-width: 100%;
   }
}