/*Main Body*/

.portraitbox {
    width: 20%;
    background-size: contain;
    
}

.portraitbox2 {
    width: 100%;
    
}

.mm {
    text-align: center;
}


.container {
    display: flex;
    flex-wrap: wrap;
    
    
}

.container img {
    background-size: contain;
    width: 100%;
}

.smallborder img {
    border:.5px solid grey;
    
}


.text {
    overflow: hidden;
    position: relative;
    transition: all 0.3s;
    
}

.flex-item {
    display: inline;
    align-self: center;
}


/*Media Queries for Tablet 768px*/

@media screen and (max-width: 1000px) {
    
    .portraitbox {
        width: 50%;
    }
}

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

}