@charset "UTF-8";
/* CSS Document */


    [class*="col-"] {
        width: 100%;
    }


div {height: 100%; margin-top:5px;}
.container {padding:0; margin-right:auto; margin-left:auto; width:100%; }

.container:before,
.container:after {
		content: " ";
		display:table;
}

.container:after {clear:both;}

[class^='col-'] {position: relative;padding-left: 10px; padding-right: 10px; float: left; }

*, *:after, *:before { box-sizing:border-box; -moz-box-sizing:border-box; }

.row:before,
.row:after  {
	content: " ";
	display: table;
}

.row:after {clear:both;}	

@media only screen  {
    /* For mobile phones: */

.col-12 {width: 100%; }

.col-11 {width: 100%;}

.col-10 {width: 100%;}

.col-9 {width:  100%;}

.col-8 {width:  100%;}

.col-7 {width:  100%;}

.col-6 {width:  100%;}

.col-5 {width:  100%;}

.col-4 {width:  100%;}

.col-3 {width:  100%;}

.col-2 {width:  100%;}

.col-1 {width:  100%;}

}



@media only screen and (min-width: 480px) 	{


.col-12 {width: 100%; }

.col-11 {width: 100%;}

.col-10 {width: 100%;}

.col-9 {width:  100%;}

.col-8 {width:  100%;}

.col-7 {width:  100%;}

.col-6 {width:  50%;}

.col-5 {width:  50%;}

.col-4 {width:  50%;}

.col-3 {width:  50%;}

.col-2 {width:  50%;}

.col-1 {width:  50%;}					
					
					
	}

@media only screen and (min-width: 800px) {
    /* For mobile phones: */
    [class*="col-"] {
        width: 100%;
    }
	
div {height: 100%;}
.container {padding:0; margin-right:auto; margin-left:auto; width:100%; }

.container:before,
.container:after {
		content: " ";
		display:table;
}

.container:after {clear:both;}

[class^='col-'] {position: relative;padding-left: 10px; padding-right: 10px; float: left; }

*, *:after, *:before { box-sizing:border-box; -moz-box-sizing:border-box; }

.row:before,
.row:after  {
	content: " ";
	display: table;
}

.row:after {clear:both;}	

.col-12 {width: 100%; }

.col-11 {width: 100%;}

.col-10 {width: 100%;}

.col-9 {width:  75%;}

.col-8 {width:  75%;}

.col-7 {width:  75%;}

.col-6 {width:  50%;}

.col-5 {width:  50%;}

.col-4 {width:  50%;}

.col-3 {width:  25%;}

.col-2 {width:  25%;}

.col-1 {width:  25%;}

}



@media only screen and (min-width: 1000px)  {
div {height: 100%;}
.container {padding:0; margin-right:auto; margin-left:auto; width:1028px; }

.container:before,
.container:after {
		content: " ";
		display:table;
}

.container:after {clear:both;}

[class^='col-'] {position: relative;padding-left: 10px; padding-right: 10px; float: left; }

*, *:after, *:before { box-sizing:border-box; -moz-box-sizing:border-box; }

.row:before,
.row:after  {
	content: " ";
	display: table;
}

.row:after {clear:both;}

.col-12 {width: 100%; }

.col-11 {width: 91.66666666666666%;}

.col-10 {width: 83.33333333333333%;}

.col-9 {width:  75%;}

.col-8 {width:  65%;}

.col-7 {width:  58.33333333333333%;}

.col-6 {width:  50%;}

.col-5 {width:  41.66666666666666%;}

.col-4 {width:  35%;}

.col-3 {width:  25%;}

.col-2 {width:  16.66666666666666%;}

.col-1 {width:   8.33333333333333%;}
}