@charset "utf-8";
/* CSS Document */
body{font:80%/1.5 'Calibri',Arial, Helvetica, sans-serif;
background:#171717 url(background.jpg) top center no-repeat;background-size: 100% auto;
text-align:center
}
p{font-size:22px;color:#ddd;}
p.times{font-family: Times, "Times New Roman", "serif";font-size:22px;color:#ddd;text-align:left}
h1,h2{color:#fff;padding:0px;margin:0px}
h1{font-size:4.5em}
h2{font-size:4em}
#mainPage{margin:0px auto;max-width:800px}
.catalogue{max-width:350px;width:100%}


.row{box-sizing: border-box;}
.row:before,.row:after {content: " ";display: table;}
.row:after{clear:both}
.col-3-12{width:24.999%;float:left; display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-9-12{width:74.999%;float:left; display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-10-12{width:83.999%;float:left; display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-8-12{width:65.999%;float:left; display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-4-12{width:32.333%;float:left; display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-5-12{width:40.999%;float:left;  display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-6-12{width:49.999%;float:left; display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-7-12{width:58.999%;float:left;  display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.col-2-12{width:15.999%;float:left; display: table-cell;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}



@media only screen and (max-width :680px) {
	.col-2-12,.col-3-12,.col-3pt5-12,.col-4-12,.col-5-12,.col-6-12,.col-7-12,.col-8-12,.col-9-12{width:100%}
}