body {
    margin:0px;
    font-family: Arial, Helvetica, sans-serif;
    background: #edeef0;
    color: #000;
    text-align: center;
}

a {
    text-decoration: none;
    color:#00b4eb;
    text-decoration: none;
}


header {
    padding: 10px 0px;
    text-align: left;
    background-color: #00b4eb;
}

    header img {
        height: 100px;
    }

section {
    padding-bottom: 50px;
}

footer {
    position: fixed;
    bottom: 0px;
    width: 100%;
    padding: 10px 0px;
    text-align: center;
    background-color: #00b4eb;
}

    footer a {
        color: #fff;
    }


h1 {
    text-align: center;
    font-size: 50px;
    font-weight: bold;
    color: #000;
}

input, select {
    width: 80%;
    margin:auto;
    padding: 10px;
    color:#000;
    border:1px solid #000;
    border-radius: 10px;
}

input[type="submit"]{
    width: 60%;
    font-weight: bold;
    background-color: #fff;
    border:1px solid #000;
    border-radius: 10px;
}

.round_btn {
    width: 80%;
    display: block;
    margin: 10px auto;
    border-radius: 10px;
    padding: 10px 0px;
    text-align: center;
    background-color: #fff;
    color:#000;
    border:1px solid #000;
    font-weight: bold;
}

.back {
    width:100px !important;
}

.green {
    background-color: #fff;
    color: black;
}

.table {
    margin:auto;
    width:95%;
    border-color:#000;
    color:#000;
}

#menu {
    float:right;
}

    #menu img {
        height: 50px !important;
        margin:25px 10px 0px 0px;
    }

nav {
    position: absolute;
    top:120px;
    width:100%;
    background-color: #00b4eb;
    border-top:1px solid #000;
}

    nav a {
        text-align: center;
        display: block;
        border-bottom:1px solid #000;
        padding: 10px 0px;
        color:#fff;
        font-weight: bold;
    }

@media only screen and (min-width: 1024px) {
    input, select {
        width: 300px;
    }

    input[type="submit"]{
        width: 200px;
    }


}