@import 'https://fonts.googleapis.com/css?family=Kanit|Prompt';
article 
{
    margin-top:50px;
    font-family: 'Kanit', Sans-Serif;
    }
* {
  box-sizing: border-box;
}
a, a:visited
{
    text-decoration:none;
    color:#BF61A5;
}
a:hover 
{
    font-weight:bold;
}
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;
}
.column
{
    float:left;
    width:25%;
    padding:5px 0px 5px 0px;
}
.title
{
    height:50px;
    font-size: 1.2vw;
}
.image{
    width:95%;
    height:auto;
    border:1px solid black;
}

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