.page-left {
    margin: 0m auto 0 auto;
    border: 0;
    padding: 0;
    width: 98%;
}
@media screen and (min-width: 480px) {
    .page-left {
        width:98%;
    }
}
@media screen and (min-width: 768px) {
    .page-left {
        width:100%;
    }
}

/* --------------------------------------------------------------------------- */

.page-left .float-image-left {
    float: left;
    margin: 0.3em 1em 0.25em 0;
    border: 1px solid black;
    padding: 0;
    width: 40%;
    max-width: 175px;
}

.page-left .float-image-right {
    float: right;
    margin: 0.3em 0 0.25em 1em;
    border: 1px solid black;
    padding: 0;
    width: 40%;
    max-width: 175px;
}

.page-left .about-image-left {
    float: left;
    margin: 0.3em 1em 0.25em 0;
    border: 1px solid black;
    padding: 0;
    width: 50%;
}
    
.page-left .about-image-right {
    float: right;
    margin: 0.3em 0 0.25em 1em;
    border: 1px solid black;
    padding: 0;
    width:50%;
}
.page-left .image-landscape {
    clear: both;
    display: block;
    text-align: center;
    margin: 0.3em auto 0.25em auto;
    border: 1px solid black;
    padding: 0;
    width: 90%;
}

.page-left .image-portrait {
    clear: both;
    display: block;
    text-align: center;
    margin: 0.3em auto 0.25em auto;
    border: 1px solid black;
    padding: 0;
    width: 40%;
}

@media screen and (min-width: 480px) {
    .page-left .float-image-left {
        width: 30%;
        max-width: 250px;
    }
    .page-left .float-image-right {
        width: 30%;
        max-width: 250px;
    }

    .page-left .about-image-left {
        width: 35%;
    }       
    .page-left .about-image-right {
        width: 35%;
    }

    .page-left .image-landscape {
        width: 80%;
    }
    .page-left .image-portrait {
        width: 40%;
    }
}

@media screen and (min-width: 768px) {
    .page-left .float-image-left {
        width: 40%;
        max-width: 400px;
    }
    .page-left .float-image-right {
        width: 40%;
        max-width: 450px;
    }

    .page-left .about-image-left {
        width: 30%;
    }       
    .page-left .about-image-right {
        width: 30%;
    }

    .page-left .image-landscape {
        width: 70%;
    }
    .page-left .image-portrait {
        width: 30%;
    }
}