h1{
    padding: 40px;
    text-align: center;
    background: #ddd;
    margin-top: 20px;
    width: 100%;
    font-size: 50px;
    color: #00a2ff;
}
h2{
    padding: 40px 40px 5px 40px;
    text-align: left;
    margin-top: 20px;
    width: 100%;
    font-size: 30px;
}
.p1{
    padding: 40px;
    text-align: center;
    background: #ddd;
    margin-top: 20px;
    width: 100%;
    font-size: 60px;
    height: 300px;
    color: #00a2ff;
}
.p2{
    padding: 40px 40px 5px 40px;
    text-align: left;
    margin-top: 20px;
    width: 100%;
    font-size: 25px;
}
.p3{
    padding: 40px;
    text-align: left;
    margin-top: 0px;
    width: 100%;
    font-size: 18px;
    line-height: 40px;
}
table{
    padding-left: 40px;
}
td{
  /*  width: 500px;*/
    font-size: 20px;
}
.td1{
    color: #00a2ff;
    width: 500px;
}
.td2{
    font-size: 25px;
}
.td3{
    font-size: 16px;
}
.link_text{
    text-decoration: none;
    color: #00a2ff;
}
a.link_text:hover{
    text-decoration: underline;
}

@media all and (max-width: 620px) {
h1{
    font-size: 40px;
}
h2{
    font-size: 25px;
}
.p2{
    font-size: 20px;
}
.p3{
    font-size: 15px;
}
table{
    padding-left: 40px;
}
td{
    font-size: 18px;
}
.td1{
    color: #00a2ff;
    width: 260px;
}
.td2{
    font-size: 23px;
}
.td3{
    font-size: 14px;
}
}

.clearfix:after{
    content: "";
    display: table;
    clear: both;
}

.column {
    float: left;
    width: 20%;
    padding: 10px;
    height: 170px; /* Should be removed. Only for demonstration */
    margin-bottom: 15px;
}     
.row:after {
    content: "";
    display: table;
    clear: both;
} 
a.linkhead{
    text-align: center;
    text-decoration: none;
    color: black;
}
a.linkhead:hover{
    text-decoration: underline;
}
@media (max-width: 700px) {
    .column {
        width: 33%;
        }
}
@media (max-width: 435px) {
    .column {
        width: 50%;
        }
}
@media (max-width: 330px) {
    .column {
        width: 100%;
        }
}