/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

.flo-grid-block{
	clear: both;
	position: relative;
	/*display: table;
	table-layout: fixed;*/
	overflow: auto;
}
.flo-grid-block:not(.masonry){

}

.flo-grid-block article{
	padding-left: 0.5rem;
    padding-right: 0.5rem;
    margin-bottom: 1rem;
    float: left;
    position: relative;
    box-sizing: border-box;

}
.flo-grid-block article .wrapper{
	position: relative;
	width: 100%;
}

.flo-grid-block article img{
	position: relative;
	max-width: 100%;
	height: auto;

}

.flo-grid-block .flo-columns-1{width: 100%; float: none;}
.flo-grid-block .flo-columns-2{width: 50%;}
.flo-grid-block .flo-columns-3{width: 33.3%;}
.flo-grid-block .flo-columns-4{width: 25%;}
.flo-grid-block .flo-columns-5{width: 20%;}
.flo-grid-block .flo-columns-6{width: 16.66%;}
.flo-grid-block .flo-columns-7{width: 14.28%;}
.flo-grid-block .flo-columns-8{width: 12.5%;}
.flo-grid-block .flo-columns-9{width: 11.11%;}

.flo-grid-block .flo-columns-2:nth-child(2n+1){ clear: left; }
.flo-grid-block .flo-columns-3:nth-child(3n+1){ clear: left; }
.flo-grid-block .flo-columns-4:nth-child(4n+1){ clear: left; }
.flo-grid-block .flo-columns-5:nth-child(5n+1){ clear: left; }
.flo-grid-block .flo-columns-6:nth-child(6n+1){ clear: left; }
.flo-grid-block .flo-columns-7:nth-child(7n+1){ clear: left; }
.flo-grid-block .flo-columns-8:nth-child(8n+1){ clear: left; }
.flo-grid-block .flo-columns-9:nth-child(9n+1){ clear: left; }

@media only screen and (max-width: 767px){
	.flo-grid-block .flo-columns-1,.flo-grid-block .flo-columns-2,.flo-grid-block .flo-columns-3,
	.flo-grid-block .flo-columns-4,.flo-grid-block .flo-columns-5,.flo-grid-block .flo-columns-6,
	.flo-grid-block .flo-columns-7,.flo-grid-block .flo-columns-8,.flo-grid-block .flo-columns-9,{
		width: 100%;
	}
}