.page {
     margin: 0 auto;
     min-height:calc(100% - 100px);
     position:relative;
     font-size:100%;

}
/* Reusable column setup */
.col {
    border:0px solid rgba(0,0,0,0);
    float:left;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -moz-background-clip:padding-box !important;
    -webkit-background-clip:padding-box !important;
    background-clip:padding-box !important;
}



@media (min-width: 270px) and  (max-width: 480px){
     .menu   {  margin-top:10px;}
    .menu a { font-size:18px;  line-height:1.2; }
    .pad20sm {padding:0px;}
    .homebtn { opacity: 1;     filter: alpha(opacity=100);
    .homebtn .head2 {  font-size:16px;

}


@media (min-width: 480px) and  (max-width: 768px){
.menu   {  margin-top:10px;}
    .menu a { font-size:15px;  line-height:1.2; color:#000;}

}
@media (min-width: 768px)  {

}

@media (min-width: 992px) {

}

@media (min-width: 1200px) {

}