@import 'https://fonts.googleapis.com/css?family=Kanit|Prompt';
article 
{
    margin-top:70px;
    font-family: 'Kanit', Sans-Serif;
    font-size:larger;
    color:darkviolet;
    padding-right:10px;
    padding-left:10px;
    }
* {
  box-sizing: border-box;
}
h1
{
    color: #BF61A5;
    font-family: 'Prompt', Sans-Serif;
}
h2
{
    color: red;
    font-weight:bold;
    font-family: 'Prompt', Sans-Serif;
    font-size:large;
}
.buttom {
       font-family: 'Prompt', Sans-Serif;
       clear:both;
    }
.clear
{
    clear:left;
}
.left
{
    float:left;
    width:75%;
    padding:5px 0px 5px 0px;
}
.right
{
    float:left;
    width:25%;
    padding:5px 0px 5px 5px;
}
.column
{
    float:left;
    width:25%;
    padding:5px 0px 5px 5px;
}
.middle
{
    float:left;
    width:100%;
    padding:5px 0px 5px 0px;
}
.title
{
    height:50px;
}

@media screen and (max-width:1200px) {
  /* For mobile phones: */
   .column
    {
        margin-top:0px;
        padding:5px 0px 5px 5px;
         width:50%;
  }
}
@media screen and (max-width:600px) {
  /* For mobile phones: */
   .left,.right,.column
    {
        margin-top:0px;
        padding:5px 0 5px 0;
         width:100%;
  }
}