/* Internet Explorer 8 or older versions doesn't support CSS3 media queries */
/* Version code name: bumbrdlik */


@media only screen and (max-width: 480px)     
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 7pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 8pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 9pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 11pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 13pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 15pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 17pt !important; }
    input[type="submit"],input[type="reset"] { padding: 3pt;}
}

@media only screen and (min-width: 481px) and (max-width: 800px) 
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}   
}

@media only screen and (min-width: 801px) and (max-width: 1200px) 
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}   
}

@media only screen and (min-width: 1201px) 
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}     
}

 
/* old sizes, remove this code after check the new visualization 
@media only screen and (max-width: 320px)
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 7pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 8pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 9pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 11pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 13pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 15pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 17pt !important; }
    input[type="submit"],input[type="reset"] { padding: 3pt;}
}

@media only screen and (min-width: 321px) and (max-width: 480px)
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}
}

@media only screen and (min-width: 481px) and (max-width: 800px)
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}
}

@media only screen and (min-width: 801px) and (max-width: 1024px)
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}
}

@media only screen and (min-width: 1025px) and (max-width: 1200px)
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}
}

@media only screen and (min-width: 1201px) and (max-width: 1600px)
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}
}

@media only screen and (min-width: 1601px)
{
    .fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
    .fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 9pt !important; }
    .fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 11pt !important; }
    .fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 13pt !important; }
    .fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 15pt !important; }
    .fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 18pt !important; }
    .fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 21pt !important; }
    input[type="submit"],input[type="reset"] { padding: 4pt;}
}*/