.main {
    display: flex;
    flex-direction: column;
}

h1{
    text-align: center;
    padding: 10px;
}

.item-container {
    display: flex;
    flex-direction: row;

}

.unit-img {
    max-width: 300px;
    width: 250px;

}

.unit-desc{
 flex:1;
}


hr{
    border-bottom: 1px solid #ccc !important;
}

.item-container > div {
    display: flex;
    flex-direction: column;
    padding: 10px;
}


.img-container {
    vertical-align: middle;
    /*margin: auto auto;*/
}


@media (max-width: 768px) {

    .item-container {
        display: flex;
        flex-direction: column;

    }

}