/* Internet Explorer 8 or older versions doesn't support CSS3 media queries */
/* Version code name: bumbrdlik */ 

/* < 320px */
@media only screen and (max-width: 320px) and (orientation: portrait)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 7pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 10pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 12pt !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: 18pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 23pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 35pt !important; }
input[type="submit"],input[type="reset"] { padding: 3pt;}
}

@media only screen and (max-height: 320px) and (orientation: landscape)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 7pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 10pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 12pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 14pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 18pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 23pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 35pt !important; }
input[type="submit"],input[type="reset"] { padding: 3pt;}
.menuwrap, .formwrap { max-width: 70%; }
}

/* 321 - 480px */
@media only screen and (min-width: 321px) and (max-width: 480px) and (orientation: portrait)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 8pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 12pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 14pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 19pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 25pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 30pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 35pt !important; }
input[type="submit"],input[type="reset"] { padding: 4pt;}
}

@media only screen and (min-height: 321px) and (max-height: 480px) and (orientation: landscape)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 11pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 15pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 18pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 20pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 26pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 30pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 35pt !important; }
input[type="submit"],input[type="reset"] { padding: 4pt;}
.menuwrap, .formwrap { max-width: 70%; }
}

/* 481 - 800px */
@media only screen and (min-width: 481px) and (max-width: 800px) and (orientation: portrait)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 12pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 17pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 20pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 22pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 25pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 30pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 35pt !important; }
input[type="submit"],input[type="reset"] { padding: 6pt;}
}

@media only screen and (min-height: 481px) and (max-height: 800px) and (orientation: landscape)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 13pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 17pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 21pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 23pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 28pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 32pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 37pt !important; }
input[type="submit"],input[type="reset"] { padding: 6pt;}
.menuwrap, .formwrap { max-width: 70%; }
}

/* 481 - 800px */
@media only screen and (min-width: 801px) and (max-width: 1024px) and (orientation: portrait)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 14pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 20pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 22pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 27pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 30pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 33pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 38pt !important; }
input[type="submit"],input[type="reset"] { padding: 8pt;}
}

@media only screen and (min-height: 801px) and (max-height: 1024px) and (orientation: landscape)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 15pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 18pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 20pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 25pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 30pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 35pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 40pt !important; }
input[type="submit"],input[type="reset"] { padding: 8pt;}
.menuwrap, .formwrap { max-width: 70%; }


}

/* > 1025px */
@media only screen and (min-width: 1025px) and (orientation: portrait)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 15pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 20pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 25pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 30pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 35pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 40pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 45pt !important; }
input[type="submit"],input[type="reset"] { padding: 10pt;}
}

@media only screen and (min-height: 1025px) and (orientation: landscape)
{
.fontclass1, .fc1 span, .fontclass1 input, .fontclass1 select, .fontclass1 textarea { font-size: 15pt !important; }
.fontclass2, .fc2 span, .fontclass2 input, .fontclass2 select, .fontclass2 textarea { font-size: 19pt !important; }
.fontclass3, .fc3 span, .fontclass3 input, .fontclass3 select, .fontclass3 textarea { font-size: 24pt !important; }
.fontclass4, .fc4 span, .fontclass4 input, .fontclass4 select, .fontclass4 textarea { font-size: 29pt !important; }
.fontclass5, .fc5 span, .fontclass5 input, .fontclass5 select, .fontclass5 textarea { font-size: 34pt !important; }
.fontclass6, .fc6 span, .fontclass6 input, .fontclass6 select, .fontclass6 textarea { font-size: 41pt !important; }
.fontclass7, .fc7 span, .fontclass7 input, .fontclass7 select, .fontclass7 textarea { font-size: 46pt !important; }
input[type="submit"],input[type="reset"] { padding: 10pt;}
.menuwrap, .formwrap { max-width: 70%; }
}