/* CSS Document */
#c_white { background: #FFF; border: 1px solid #000; }
#c_grey { background: #eee; border: 1px solid #000; }
#c_ros { background: #FCF; border: 1px solid #000; }
#c_yel { background: #FF6; border: 1px solid #000; }
#c_green { background: #BFF0CE; border: 1px solid #000; }
#b_green { background: #BFF0CE; border: 3px solid #0F0; }
#b_orange { background: #FEEDCB; border: 3px solid #0F0; }

.blok 
{
float: left;
width:600px;
height: auto;
margin: 1%;
padding: 10px;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
@media screen and (min-width: 0px) and (max-width: 1000px) { .blok { width: 98%; } }
@media screen and (min-width: 1001px) and (max-width: 1800px) { .blok { width: 48%; } }
@media screen and (min-width: 1801px) and (max-width: 2400px) { .blok { width: 31.3%; } }
@media screen and (min-width: 2401px) { .blok { width: 23%; } }

.blok_big
{
float: left;
width: 98%;
height: auto;
margin: 1%;
padding: 10px;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.blok_50
{
float: left;
width: 48%;
height: auto;
margin: 1%;
padding: 10px;
border-radius: 10px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}