/* 
  -----------------------------------
  Quick Columns
  by Project Seven Development
  www.projectseven.com
  -----------------------------------
*/

/*The container for each column structure. Before and After pseudoclasses used to clear the floats.*/
#p7QC_1 {
  
}

.p7QC {
	zoom: 1;
}

.p7QC:before,
.p7QC:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
}
.p7QC:after {
	clear: both;
}
/*All Columns are floated left.*/
.p7QC-Col {
    float: left;
}

.p7QC .percent50 {width: 50%;}

/*Default padding for the content inside all columns*/
.p7QC-content {padding: 0px;}

.p7QC .percent50.boxed {width: 49%;}

/*Using margin to separate the columns when the boxed option is chosen*/
.p7QC-Col.boxed.spacer {margin-left: 2%;}

/*Assigning logical borders to render dividers between columns*/
.p7QC-content.border-left {border-left: 1px solid #000;}

/*Boxed columns get borders all the way around*/
.p7QC .p7QC-content.boxed {border: 1px solid #000;}

/*MEDIA QUERIES*/

@media only screen and (min-width: 0px) and (max-width: 768px) {
    .p7QC-Col {
        float: none;
        width: auto !important;
    }
    .p7QC-content {
        padding: .5em 1.5em;
        border: none !important;
        height: auto !important;
        max-height: 888678px;
    }
}

/*Smartphones ONLY*/
@media only screen and (max-device-width: 480px) {}

/*Portrait Tablet ONLY. Use this query to add rules for tablets in Prtrait orientation.
Landscape tablets should get a normal and unaltered display.*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}