/* CSS Document */
*{
    box-sizing: border-box;
}
.f
{
font-size:0.9em;
}
.f_0
{
font-size:1em;
}
.f_1
{
font-size:1em;
}
.f_2
{
font-size:1.2em;
}
.f_3
{
font-size:1.3em;
}
.f_4
{
font-size:1.4em;
}
.f_5
{
font-size:1.5em;
}
.f_6
{
font-size:1.6em;
}
.f_7
{
font-size:1.7em;
}
.f_8
{
font-size:1.8em;
}
.f_9
{
font-size:1.9em;
}
.bt_1{
border-radius: 4px;
width:70px;
height:30px;
font-size:0.7em;
text-align:center;
}
.bt_2{
border-radius: 4px;
width:80px;
height:38px;
font-size:0.8em;
text-align:center;
}
.bt_3{
border-radius: 4px;
width:90px;
height:43px;
font-size:0.9em;
text-align:center;
}
.bt_4{
border-radius: 4px;
width:100px;
height:45px;
font-size:1em;
text-align:center;
}
.textarea
{
  float: left;
  width:98%;
  height: 35px;
  font-size:1.2em;
  border:solid 1px;
}
.column_2
{
    float: left;
    width: 50%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_6
{
    float: left;
    width: 70%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_7
{
    float: left;
    width: 30%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_3
{
    float: left;
    width: 33.3%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_4
{
    float: left;
    width: 25%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_5
{
    float: left;
    width: 20%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
}
.input
{
width:98%;
border-radius:3px;
border:solid 1px;
height:25px;
}
@media (max-width: 960px) 
{
.f
{
font-size:0.7em;
}
.f_0
{
font-size:0.7em;
}
.f_1
{
font-size:0.8em;
}
.f_2
{
font-size:0.9em;
}
.f_3
{
font-size:1em;
}
.f_4
{
font-size:1.1em;
}
.f_5
{
font-size:1.2em;
}
.f_6
{
font-size:1.3em;
}
.f_7
{
font-size:1.4em;
}
.f_8
{
font-size:1.5em;
}
.f_9
{
font-size:1.6em;
}
.bt_1{
border-radius:4px;
width:55px;
height:22px;
font-size:0.70em;
text-align:center;
}
.bt_2{
border-radius:4px;
width:65px;
height:30px;
font-size:0.8em;
text-align:center;
}
.bt_3{
border-radius:4px;
width:75px;
height:35px;
font-size:0.9em;
text-align:center;
}
.bt_4{
border-radius: 4px;
width:85px;
height:39px;
font-size:1em;
text-align:center;
}
.textarea {
  float: left;
  width:95%;
  height: 35px;
  font-size:1em;
  border:solid 1px;
}
.column_2
{
    width: 100%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_3
{
    float: left;
    width: 100%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_4
{
    float: left;
    width: 100%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_5
{
    float: left;
    width: 100%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_6
{
    float: left;
    width: 100%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
.column_7
{
    float: left;
    width: 100%;
    padding: 1px;
    height:auto; /* Should be removed. Only for demonstration */
}
}

