.main {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 960px;
    margin: 6% 0% 10% 0%;
}

.main_1 {
    width: 97%;
    margin: 0% 0% 6% 3%;
}

.main_2 {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 960px;
}
@media screen and (min-width: 960px){
.main_2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
}

.main_2_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0% 0% 30% 0%;
}
@media screen and (min-width: 960px){
.main_2_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    margin: 0% 0% 0% 0%;
}
}

.main_2_1_1 {
    width: 100%;
}
@media screen and (min-width: 960px){
.main_2_1_1 {
    width: 100%;
}
}

.main_2_1_2 {
    display: flex;
    justify-content: center;
    width: 100%;
}
@media screen and (min-width: 960px){
.main_2_1_2 {
    width: 100%;
}
}

.main_2_1_3 {
    width: 90%;
}
@media screen and (min-width: 960px){
.main_2_1_3 {
    width: 100%;
}
}


.main_2_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0% 0% 30% 0%;
}
@media screen and (min-width: 960px){
.main_2_2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    margin: 0% 0% 0% 0%;
}
}

.main_2_2_1 {
    width: 100%;
}
@media screen and (min-width: 960px){
.main_2_2_1 {
    width: 100%;
}
}

.main_2_2_2 {
    display: flex;
    justify-content: center;
    width: 100%;
}
@media screen and (min-width: 960px){
.main_2_2_2 {
    width: 100%;
}
}

.main_2_2_3 {
    width: 90%;
}
@media screen and (min-width: 960px){
.main_2_2_3 {
    width: 100%;
}
}


.main_2_3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0% 0% 20% 0%;
}
@media screen and (min-width: 960px){
.main_2_3 {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 30%;
    margin: 0% 0% 0% 0%;
}
}

.main_2_3_1 {
    width: 100%;
}
@media screen and (min-width: 960px){
.main_2_3_1 {
    width: 100%;
}
}

.main_2_3_2 {
    display: flex;
    justify-content: center;
    width: 100%;
}
@media screen and (min-width: 960px){
.main_2_3_2 {
    width: 100%;
}
}

.main_2_3_3 {
    width: 90%;
}
@media screen and (min-width: 960px){
.main_2_3_3 {
    width: 100%;
}
}