body {background-color: #fcf0e3;
  width: 100vw;
  overflow-x:hidden;
  overflow-y: scroll;
  color:#333333;
  font-family: 'Merienda', cursive;
  margin:0;
}

th{color: #fff; border-bottom: 1px solid rgba(225,225,225,0.4); padding: 0 5px;}
tr>th:last-child{ border-left:1px solid rgba(225,225,225,0.4);}
tr>td:last-child{ border-left:1px solid rgba(225,225,225,0.4);}
td{text-align: center;}
tr>td:first-child{text-align: left;}
table{    margin-top: 20px;}


@media only screen and (min-width: 1200px) {
  header{width: 100vw;text-align: center;}
  header h1{font-size: 2em; font-family: 'Merienda', cursive; margin-top: 10vh;}
  header h2{font-size: 1.4em; margin-top: -3vh; margin-bottom: 37px; font-family: 'Merienda', cursive; font-weight: 400;}
  .col-80{width: calc(80vw - 40px); float:left; margin: 10px;}
  .col-70{width: calc(70vw - 40px); float:left; margin: 10px;}
  .col-60{width: calc(60vw - 40px); float:left; margin: 10px;}
  .col-50{width:calc(50vw - 40px); float:left; margin: 10px;}
  .col-40{width:calc(40vw - 40px); float:left; margin: 10px;}
  .col-33{width:calc(33vw - 20px); float:left; margin: 10px;}
  .col-30{width:calc(30vw - 20px); float:left; margin: 10px;}
  .col-20{width:calc(20vw - 40px); float:left; margin: 10px;}
  .bg-w{background-color: #333; padding:10px; border-radius: 15px;}
  .bg-w p{color: #fff;}
  .bg-w p a{color:#fff; }
  .bg-w table tr td{color: #fff;}
  .opent{color: #fff; margin-bottom: 0;}
  .main-image{width: 100%; height: auto;}
  .gal-image{width:100%; height: 350px; content: : cover;}
  td{font-size: 24px !important;}
}



@media only screen and (max-width: 1200px) {
  body {
    overflow-x:scroll;
  }
  header{width: 100vw;text-align: center;}
  td{font-size: 24px !important;}
  header h1{
    font-size: 4em;
    font-family: 'Merienda', cursive;
    margin-top: 10vh;}
  header h2{
    font-size: 3em;
    margin-top: -3vh;
    margin-bottom: 37px;
    font-family: 'Merienda', cursive;
    font-weight: 400;}

  .col-80, .col-70, .col-33{width: calc(100vw - 40px); float:left; margin: 10px;}
  .col-20{width:calc(100vw - 40px); float:left; margin: 10px;}
  .col-30{width:calc(100vw - 20px); float:left; margin: 10px;}

  .bg-w{background-color: #333; padding:10px; border-radius: 15px; text-align: center;}
  .bg-w p{color: #fff; font-size: 35px;}
  .bg-w p a{color:#fff; font-size: 35px; }
  .bg-w table tr td{color: #fff; font-size: 35px;}
  .opent{color: #fff;     margin-bottom: 0;}
  .main-image{width: 100%; height: auto;}
  .gal-image{width:100%; height: auto; content: : cover;}
}
