/* CSS Document */

h2 {
	margin-top: 20px; margin-left: 100px;
    color: blue;
}

.col1, .col2 {
    padding-bottom: 20px;
}

.col1:after, .col2:after {
    content: "";
    display: block;
    clear: both;
}

p {
    margin-top: 0;
    color: white;
}


/*
.wrapper .col3 p {
    display: block;
    padding-right: 20px;
    
    -webkit-column-count: 3;
    column-count: 3;
    -webkit-column-gap: 20px;
    column-gap: 30px;
    -webkit-column-rule: 1px solid #ccc;
    column-rule: 1px solid #ccc;
    text-align: left;
}
*/

.wrapper2 {
    margin-bottom: 0px;
    padding-top: 10px; padding-bottom: 5px;
}

.wrapper2:after {
    content: "";
    display: block;
    clear: both;
}


.half-side {
    float: left;
    width: 47%;
    margin-right: 10px; margin-bottom: 20px;
    padding-left: 20px;
}

.photo {
    float: left;
    width: 30%;
    padding-right: 15px;
    
}
.content {
    width: 95%;
    padding-left: 0px;
    text-align: left;
}




.left-side {
    float: left;
    width: 47%;
    padding-right: 20px;
}

.right-side {
    float: left;
    width: 47%;
    padding-right: 20px;
}


.wrapper2 .left-side img, .wrapper2 .right-side img {
    float: left;
    width: 200px;
    margin-left: 20px; margin-right: 20px;
}

.wrapper2 .left-side p, .wrapper2 .right-side p{
    padding-left: 20px; padding-right: 10px;
    text-align: left;
}

.delimiter {
    padding-top: 5px; margin-bottom: 15px;
}

.delimiter:after {
    content: "";
    display: block;
    clear: both;
}

@media only screen and (min-width:900px) and (max-width:1050px) {
            h2 {
                margin-top: -20px;
            }
			#banner {
				padding-bottom: 60px;
			}   
            .wrapper2 .left-side img, .wrapper2 .right-side img {
                float: left;
                width: 200px;
                margin-left: 20px; margin-right: 20px;
            }
}

@media only screen and (min-width:780px) and (max-width:899px) {
            h2 {
                margin-top: -20px;
            }
			#banner {
				padding-bottom: 60px;
			}
            .wrapper2 .left-side img, .wrapper2 .right-side img {
                float: left;
                width: 180px;
                margin-left: 15px; margin-right: 15px;
            }
}

@media only screen and (min-width:560px) and (max-width:779px) {
            h2 {
                margin-top: -20px;
            }
			#banner {
				padding-bottom: 60px;
			}
            .wrapper2 .left-side img, .wrapper2 .right-side img {
                float: left;
                width: 160px;
                margin-left: 15px; margin-right: 15px;
            }

}



@media only screen and (max-width:560px) {
            h2 {
                margin-top: -20px;
            }
			#banner {
				padding-bottom: 60px;
			}
            .wrapper2 .left-side img, .wrapper2 .right-side img {
                float: left;
                width: 140px;
                margin-left: 15px; margin-right: 15px;
            }

}