@import 'https://fonts.googleapis.com/css?family=Kanit|Prompt';
article 
{
    margin-top:70px;
    font-family: 'Kanit', Sans-Serif;
    font-size:larger;
    }
* {
  box-sizing: border-box;
}
h1
{
    color: #BF61A5;
    font-family: 'Prompt', Sans-Serif;
    text-align:center;
    font-size:3vw;
}
.buttom {
       font-family: 'Prompt', Sans-Serif;
       clear:both;
    }
.clear
{
    clear:left;
}
.col1,.col2,.col3,.col4
{
    float:left;
    width:25%;
    padding:5px 0 5px 0;
}
.col12,.col34
{
    float:left;
    width:50%;
    padding:5px 0 5px 0;
}

@media screen and (max-width:1000px) {
  /* For mobile phones: */
  h1
{
    color: #BF61A5;
    font-family: 'Prompt', Sans-Serif;
    text-align:center;
    font-size:4vw;
}
   .col1,.col2,.col3,.col4,.col12,.col34
    {
        margin-top:0px;
        padding:5px 0 5px 0;
         width:50%;
  }
}
@media screen and (max-width:600px) {
  /* For mobile phones: */
  h1
{
    color: #BF61A5;
    font-family: 'Prompt', Sans-Serif;
    text-align:center;
    font-size:5vw;
}
   .col1,.col2,.col3,.col4,.col12,.col34
    {
        margin-top:0px;
        padding:5px 0 5px 0;
         width:100%;
  }
}