.maincontent {
    max-width: 100%;
    margin: 0 auto;
    padding: 0;
    border: none;
}

.flex-div{
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
text-align: center;
gap: 4%;
}



.flex-div-alt{
display: flex;
flex-wrap: nowrap;
justify-content: space-around;
gap: 4%;
}

@media(max-width: 800px){
.flex-div-alt, .flex-div{
flex-wrap: wrap;
}

.flex-div-alt div, .flex-div div{
margin: 2% 0;
}

.mar-title{
text-align: center;
}
}