.text-yellow{
  color:#ffc844;
}
.text-green{
  color: #004135
}
.background-yellow{
  background-color:#ffc844;
}
.background-green{
  background-color: #004135
}
.position-relative{
  position:relative;
}
.h-100{
  height:100%;
}
.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.row-flex [class*=col-xs-1] {
    flex: 1 0 8.3333333333%;
}

.row-flex [class*=col-xs-1]:last-child {
    flex: 0 0 8.3333333333%;
}

.row-flex [class*=col-xs-2] {
    flex: 2 0 16.6666666667%;
}

.row-flex [class*=col-xs-2]:last-child {
    flex: 0 0 16.6666666667%;
}

.row-flex [class*=col-xs-3] {
    flex: 3 0 25%;
}

.row-flex [class*=col-xs-3]:last-child {
    flex: 0 0 25%;
}

.row-flex [class*=col-xs-4] {
    flex: 4 0 33.3333333333%;
}

.row-flex [class*=col-xs-4]:last-child {
    flex: 0 0 33.3333333333%;
}

.row-flex [class*=col-xs-5] {
    flex: 5 0 41.6666666667%;
}

.row-flex [class*=col-xs-5]:last-child {
    flex: 0 0 41.6666666667%;
}

.row-flex [class*=col-xs-6] {
    flex: 6 0 50%;
}

.row-flex [class*=col-xs-6]:last-child {
    flex: 0 0 50%;
}

.row-flex [class*=col-xs-7] {
    flex: 7 0 58.3333333333%;
}

.row-flex [class*=col-xs-7]:last-child {
    flex: 0 0 58.3333333333%;
}

.row-flex [class*=col-xs-8] {
    flex: 8 0 66.6666666667%;
}

.row-flex [class*=col-xs-8]:last-child {
    flex: 0 0 66.6666666667%;
}

.row-flex [class*=col-xs-9] {
    flex: 9 0 75%;
}

.row-flex [class*=col-xs-9]:last-child {
    flex: 0 0 75%;
}

.row-flex [class*=col-xs-10] {
    flex: 10 0 83.3333333333%;
}

.row-flex [class*=col-xs-10]:last-child {
    flex: 0 0 83.3333333333%;
}

.row-flex [class*=col-xs-11] {
    flex: 11 0 91.6666666667%;
}

.row-flex [class*=col-xs-11]:last-child {
    flex: 0 0 91.6666666667%;
}

.row-flex [class*=col-xs-12] {
    flex: 12 0 100%;
}

.row-flex [class*=col-xs-12]:last-child {
    flex: 0 0 100%;
}

@media (min-width: 768px) {
    .row-flex [class*=col-sm-1] {
        flex: 1 0 8.3333333333%;
    }

    .row-flex [class*=col-sm-1]:last-child {
        flex: 0 0 8.3333333333%;
    }

    .row-flex [class*=col-sm-2] {
        flex: 2 0 16.6666666667%;
    }

    .row-flex [class*=col-sm-2]:last-child {
        flex: 0 0 16.6666666667%;
    }

    .row-flex [class*=col-sm-3] {
        flex: 3 0 25%;
    }

    .row-flex [class*=col-sm-3]:last-child {
        flex: 0 0 25%;
    }

    .row-flex [class*=col-sm-4] {
        flex: 4 0 33.3333333333%;
    }

    .row-flex [class*=col-sm-4]:last-child {
        flex: 0 0 33.3333333333%;
    }

    .row-flex [class*=col-sm-5] {
        flex: 5 0 41.6666666667%;
    }

    .row-flex [class*=col-sm-5]:last-child {
        flex: 0 0 41.6666666667%;
    }

    .row-flex [class*=col-sm-6] {
        flex: 6 0 50%;
    }

    .row-flex [class*=col-sm-6]:last-child {
        flex: 0 0 50%;
    }

    .row-flex [class*=col-sm-7] {
        flex: 7 0 58.3333333333%;
    }

    .row-flex [class*=col-sm-7]:last-child {
        flex: 0 0 58.3333333333%;
    }

    .row-flex [class*=col-sm-8] {
        flex: 8 0 66.6666666667%;
    }

    .row-flex [class*=col-sm-8]:last-child {
        flex: 0 0 66.6666666667%;
    }

    .row-flex [class*=col-sm-9] {
        flex: 9 0 75%;
    }

    .row-flex [class*=col-sm-9]:last-child {
        flex: 0 0 75%;
    }

    .row-flex [class*=col-sm-10] {
        flex: 10 0 83.3333333333%;
    }

    .row-flex [class*=col-sm-10]:last-child {
        flex: 0 0 83.3333333333%;
    }

    .row-flex [class*=col-sm-11] {
        flex: 11 0 91.6666666667%;
    }

    .row-flex [class*=col-sm-11]:last-child {
        flex: 0 0 91.6666666667%;
    }

    .row-flex [class*=col-sm-12] {
        flex: 12 0 100%;
    }

    .row-flex [class*=col-sm-12]:last-child {
        flex: 0 0 100%;
    }
}

@media (min-width: 992px) {
    .row-flex [class*=col-md-1] {
        flex: 1 0 8.3333333333%;
    }

    .row-flex [class*=col-md-1]:last-child {
        flex: 0 0 8.3333333333%;
    }

    .row-flex [class*=col-md-2] {
        flex: 2 0 16.6666666667%;
    }

    .row-flex [class*=col-md-2]:last-child {
        flex: 0 0 16.6666666667%;
    }

    .row-flex [class*=col-md-3] {
        flex: 3 0 25%;
    }

    .row-flex [class*=col-md-3]:last-child {
        flex: 0 0 25%;
    }

    .row-flex [class*=col-md-4] {
        flex: 4 0 33.3333333333%;
    }

    .row-flex [class*=col-md-4]:last-child {
        flex: 0 0 33.3333333333%;
    }

    .row-flex [class*=col-md-5] {
        flex: 5 0 41.6666666667%;
    }

    .row-flex [class*=col-md-5]:last-child {
        flex: 0 0 41.6666666667%;
    }

    .row-flex [class*=col-md-6] {
        flex: 6 0 50%;
    }

    .row-flex [class*=col-md-6]:last-child {
        flex: 0 0 50%;
    }

    .row-flex [class*=col-md-7] {
        flex: 7 0 58.3333333333%;
    }

    .row-flex [class*=col-md-7]:last-child {
        flex: 0 0 58.3333333333%;
    }

    .row-flex [class*=col-md-8] {
        flex: 8 0 66.6666666667%;
    }

    .row-flex [class*=col-md-8]:last-child {
        flex: 0 0 66.6666666667%;
    }

    .row-flex [class*=col-md-9] {
        flex: 9 0 75%;
    }

    .row-flex [class*=col-md-9]:last-child {
        flex: 0 0 75%;
    }

    .row-flex [class*=col-md-10] {
        flex: 10 0 83.3333333333%;
    }

    .row-flex [class*=col-md-10]:last-child {
        flex: 0 0 83.3333333333%;
    }

    .row-flex [class*=col-md-11] {
        flex: 11 0 91.6666666667%;
    }

    .row-flex [class*=col-md-11]:last-child {
        flex: 0 0 91.6666666667%;
    }

    .row-flex [class*=col-md-12] {
        flex: 12 0 100%;
    }

    .row-flex [class*=col-md-12]:last-child {
        flex: 0 0 100%;
    }
}

@media (min-width: 1200px) {
    .row-flex [class*=col-lg-1] {
        flex: 1 0 8.3333333333%;
    }

    .row-flex [class*=col-lg-1]:last-child {
        flex: 0 0 8.3333333333%;
    }

    .row-flex [class*=col-lg-2] {
        flex: 2 0 16.6666666667%;
    }

    .row-flex [class*=col-lg-2]:last-child {
        flex: 0 0 16.6666666667%;
    }

    .row-flex [class*=col-lg-3] {
        flex: 3 0 25%;
    }

    .row-flex [class*=col-lg-3]:last-child {
        flex: 0 0 25%;
    }

    .row-flex [class*=col-lg-4] {
        flex: 4 0 33.3333333333%;
    }

    .row-flex [class*=col-lg-4]:last-child {
        flex: 0 0 33.3333333333%;
    }

    .row-flex [class*=col-lg-5] {
        flex: 5 0 41.6666666667%;
    }

    .row-flex [class*=col-lg-5]:last-child {
        flex: 0 0 41.6666666667%;
    }

    .row-flex [class*=col-lg-6] {
        flex: 6 0 50%;
    }

    .row-flex [class*=col-lg-6]:last-child {
        flex: 0 0 50%;
    }

    .row-flex [class*=col-lg-7] {
        flex: 7 0 58.3333333333%;
    }

    .row-flex [class*=col-lg-7]:last-child {
        flex: 0 0 58.3333333333%;
    }

    .row-flex [class*=col-lg-8] {
        flex: 8 0 66.6666666667%;
    }

    .row-flex [class*=col-lg-8]:last-child {
        flex: 0 0 66.6666666667%;
    }

    .row-flex [class*=col-lg-9] {
        flex: 9 0 75%;
    }

    .row-flex [class*=col-lg-9]:last-child {
        flex: 0 0 75%;
    }

    .row-flex [class*=col-lg-10] {
        flex: 10 0 83.3333333333%;
    }

    .row-flex [class*=col-lg-10]:last-child {
        flex: 0 0 83.3333333333%;
    }

    .row-flex [class*=col-lg-11] {
        flex: 11 0 91.6666666667%;
    }

    .row-flex [class*=col-lg-11]:last-child {
        flex: 0 0 91.6666666667%;
    }

    .row-flex [class*=col-lg-12] {
        flex: 12 0 100%;
    }

    .row-flex [class*=col-lg-12]:last-child {
        flex: 0 0 100%;
    }
}


.justify-content-start {
    -ms-flex-pack: start !important;
    justify-content: flex-start !important;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.justify-content-around {
    -ms-flex-pack: distribute !important;
    justify-content: space-around !important;
}

.align-items-start {
    -ms-flex-align: start !important;
    align-items: flex-start !important;
}

.align-items-end {
    -ms-flex-align: end !important;
    align-items: flex-end !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.align-items-baseline {
    -ms-flex-align: baseline !important;
    align-items: baseline !important;
}

.align-items-stretch {
    -ms-flex-align: stretch !important;
    align-items: stretch !important;
}

.align-content-start {
    -ms-flex-line-pack: start !important;
    align-content: flex-start !important;
}

.align-content-end {
    -ms-flex-line-pack: end !important;
    align-content: flex-end !important;
}

.align-content-center {
    -ms-flex-line-pack: center !important;
    align-content: center !important;
}

.align-content-between {
    -ms-flex-line-pack: justify !important;
    align-content: space-between !important;
}

.align-content-around {
    -ms-flex-line-pack: distribute !important;
    align-content: space-around !important;
}

.align-content-stretch {
    -ms-flex-line-pack: stretch !important;
    align-content: stretch !important;
}

.align-self-auto {
    -ms-flex-item-align: auto !important;
    align-self: auto !important;
}

.align-self-start {
    -ms-flex-item-align: start !important;
    align-self: flex-start !important;
}

.align-self-end {
    -ms-flex-item-align: end !important;
    align-self: flex-end !important;
}

.align-self-center {
    -ms-flex-item-align: center !important;
    align-self: center !important;
}

.align-self-baseline {
    -ms-flex-item-align: baseline !important;
    align-self: baseline !important;
}

.align-self-stretch {
    -ms-flex-item-align: stretch !important;
    align-self: stretch !important;
}