.outerflexpanel{
    display: flex;
    justify-content: space-around;
    padding-bottom:70px;
}

.innertext{
    flex-basis: 50%;
    padding:10px;
}

.innerpic{
    flex-basis: 50%;
    padding: 10px;
    display:flex;
    justify-content: center;
    align-items: center;
}

.innerpicimg{
    width:100%;
    object-fit:cover;
}

.bold{
    font-weight: bold;
    color: #000088
}

@media (max-width: 768px) {
    .outerflexpanel{
        flex-direction: column;
        padding-bottom: 30px;
    }
    .it1{order: 1;}
    .it2{order: 2;}
    .it3{order: 3;}
    .it4{order: 4;}
    .it5{order: 5;}
    .it6{order: 6;}
    .it7{order: 7;}
    .it8{order: 8;}
    .it9{order: 9;}
    .it10{order: 10;}
    .it11{order: 11;}
    .it12{order: 12;}

}