img{
    margin: 1% 0 0 1%;
    float: left;
}

h3{
    font-size: 30px;
    text-align: center;
    margin: 2% 0 2% 0;
}

h4{
    font-size: 25px;
    text-align: center;
    margin: 0 0 2% 0;
}

.tabel1{
    margin-left: 15%;
    width: 60%;
}

.tabel1 > tr > td > p{
    padding: 5% 0 5% 0;
}

.tabel1 > tr > td > input{
    border: 3px black solid;
    height: 20px;
    width: 200px;
    margin: 6% 4% 25% 4%;
}

.tabel1 tr td{
    padding: 3% 0 3% 15%;
}


.tabel2{
    align-content: center;
    width: 60%;
    box-shadow: 15px 15px 15px lightgrey;
    margin: 5% 0 20% 20%;
}
.tabel2 tr:first-of-type{
    background-color: gray;
}

.tabel2 tr:nth-child(2n+1){
    background-color: #a9e085;
}

.tabel2 tr:nth-child(2n){
    background-color: #f1faeb;
}

.tabel2 tr:first-of-type{
    background-color: #4f8e25;
}

.tabel2 td{
    text-align: center;
    font-size: 20px;
    padding: 20px 100px 20px 100px;
}

.tabel2 h2{
    font-size: 25px;
}






/*--------------------------------------------------------------------------------*/
.contact{
    list-style-type: none;
    margin: 0;
    padding: 1%;
    float: right;
}
/* Style the header */
.header {
    background-color: white;
    color: darkgreen;
    padding: 25px;
    text-align: center;
    font-weight: bolder;
}

.header > h1, p{
   display: block;
    margin-right: 8%;
}

.topnav ul {
    list-style-type: none;
    margin: 3% 0 3% 0;
    padding: 1%;
    overflow: hidden;
    background-color: darkgreen;
}
.topnav li {
    float: left;
    text-align: center;
    font-size: 20px;
}
.topnav li:nth-child(1) {
    margin: 0 5% 0 38%;
}
.topnav li a {
    display: block;
    color: white;
    text-align: center;
    padding: 2% 2%;
    text-decoration: none;
}
.topnav li a:hover {
    background-color: darkgreen;
}

/* Change color on hover */
.topnav a:hover {
    background-color: green;
    color: black;
}
/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .column.side, .column.middle {
        width: 100%;
    }
}