.flexbox {
   display: flex;
   flex-wrap: wrap-reverse;
   justify-content: space-between;
   background-color: var(--darkest);
   color: var(--light)
}

.reverse {
   flex-wrap: wrap;
}

.flexbox .box .inner_text {
   text-align: left;
   padding-left: 15%;
   padding-right: 10%;
   padding-top: 8%;
   word-wrap: break-word;
   max-width: 75%;
}

.inner_text h1 {
   color: var(--light);
}

.inner_text {
   color: var(--main);
   font-size: 1.25em;
   padding-bottom: 1.25em;
}

.box {
   display: block;
   flex: 'flex-basis';
   align-items: center;
   max-width: 50%;
}

.box-shrink {
   flex: 'flex-shrink';
}

.flexbox .box-grow {
   flex: 'flex-grow';
}

.unselectable {
   -webkit-touch-callout: none;
   -webkit-user-select: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   user-select: none;
}

@media screen and (max-width: 1080px) {
   .box {
      max-width: 100%;
   }

   img {
      width: fill;
      height: 100%;
   }
}