﻿
.section {
    padding: 75px 75px;
    background-color: #f7f8fa;
}



.terms .content {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    text-align: left;
}

    .terms h2 {
        width: 100%;
        margin: 20px 0;
        text-align: center;
    }

    .terms h3 {
        width: 100%;
        margin: 20px 0 0 0;
    }

    .terms p {
        width: 100%;
        margin: 5px 0;
        white-space:pre-line;
    }

    .terms img {
        height: 25%;
        width: 25%;
        margin: 20px auto;
    }



@media screen and (max-width: 980px) {

    section {
        padding: 75px 0px;
    }



    .terms img {
        height: 50%;
        width: 50%;
        margin: 20px auto;
    }

}



@media screen and (max-width: 600px) {

    section {
        padding: 75px 0px;
    }



    .terms .content {
        padding: 0 20px;
    }

    .terms img {
        height: 75%;
        width: 75%;
    }

}
