/* CSS Document */

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

.title {
    margin-left: 20px;
}

.half-side {
	width: 670px;
    margin-top: 10px; margin-bottom: 20px;
}
 

.left-column {
    margin-top: 20px;
    padding-top: 10px;
    float: left;
    display: inline;
    width: 670px;
}

.right-column {
    margin-top: 20px; margin-left: 5px;
    padding-top: 10px; 
    float: left;
    display: inline;
    width: 670px;
}

.right-column:after {
    content: "";
    display: block;
    clear: both;
}


.left-title, .right-title {
    margin-left: 20px;
}

.left-side {
    clear: both;
    float: left;
	width: 670px;
    margin-top: 10px; margin-bottom: 20px;

}

.right-side {
    clear: both;
    float: left;
	width: 670px;
    margin-top: 10px; margin-bottom: 20px;
}

@media only screen and (min-width:1119px) and (max-width:1360px) {
    .half-side {
	       width: 550px;
    }
    
    .left-column, .right-column, .left-side, .right-side {
            width: 550px;
    }
}

@media only screen and (min-width:900px)  and (max-width:1120px) {
    .half-side {
	       width: 90%;
    }
    
    .left-column, .right-column, .left-side, .right-side {
            width: 90%;
    }
}