/* JWL Scripts style */
@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;900&display=swap');

@media all {
body{
    margin: 0px;
    background-color: #000000;

    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: #fff;
    font-family: 'Raleway', sans-serif;
}
#wrapper{
    max-width: 80%;
    margin-left: 10%;
    margin-right: 10%; 
}

.download_table,caption {
 color: #FFFF00;
}

.label_contact{
    color: #000000;
}
.contact_form{
    border: #0066CC solid 2px;
    background-color: #99FFFF;
     max-width: 400px;
     text-align: left;
     padding: 15px;
}
.form_error{
    background-color: #663300;
    color: #FFFF00;
    border: #CC0000 4px solid;
    padding: 25px;
    width: auto;
}
.form_oke{
    background-color: #663300;
    color: #FFFF00;
    border: #CC0000 4px solid;
    padding: 25px;
    width: 500px;
}
.logoimg{
    border-radius: 40px;
}
.download_table{
    border-collapse: separate; 
    border-spacing: 5em;
    margin: 5px
    max-width: 70%;
    border: solid #0000CC 2px;
    font-family: 'Raleway', sans-serif;
    background-color: #F5FFFF;
    color: #000000;
}
.download_table td{
    padding-left: 20px;
    padding-right: 20px;
    vertical-align: top;
    width: auto;
     border: solid 1px #666600;
     background-color: #FFFFCC;
}
.download_table a{
    text-decoration: none;
    color: #000000;
}
.mit{
    max-width: 30%;
    border: solid 3px #CC0000;
    padding: 10px;
}

}
/* Mobile */
@media screen and (max-width: 600px){
#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 2%;
    padding-right: 2%;
    clear: none;
    float: none;
}
.download_table{
    margin: 5px
    max-width: 100%;
    border: solid #0000CC 2px;
    font-family: Goldman, serif;
    background-color: #F5FFFF;
    color: #000000;
}
.download_table td{
    vertical-align: text-top;
     border: solid 1px #666600;
     background-color: #FFFFCC;
   }
.download_table a{
    text-decoration: none;
    color: #000000;
}
.mit{
    max-width: 80%;
    border: solid 3px #CC0000;
    padding: 10px;
}

#payeds_table{
    width: auto;
    background-color: #FFFFFF;
    vertical-align: top;
    border: solid 1px #000000;
    }
    #payeds_table th{
        vertical-align: top;
    border: solid 1px #000000;
     text-align: center;

    }
    #payeds_table td{
     vertical-align: top;
     border: solid 1px #000000;
      padding-left: 20px;
     padding-right: 20px;
     text-align: center;
    }
#footer{
    display: none;
}

}

@media screen and (max-width: 992px){
#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 2%;
    padding-right: 2%;
    clear: none;
    float: none;
}
.download_table{
    margin: 5px
    max-width: 60%;
    border: solid 1px #666600;
   font-family: 'Raleway', sans-serif;
    background-color: #F5FFFF;
    color: #000000;
}
.download_table td{
    vertical-align: top;
     border: solid 1px #666600;
     background-color: #FFFFCC; 
}
.download_table a{
    text-decoration: none;
    color: #000000;
}
.logincontainer{
    max-width: 600px;
}
#payeds_table{
    width: auto;
    background-color: #FFFFFF;
    vertical-align: top;
    border: solid 1px #000000;
    }
#payeds_table th{
    vertical-align: top;
    border: solid 1px #000000;
    text-align: center;
    }
#payeds_table td{
     vertical-align: top;
     border: solid 1px #666600;
     padding-left: 20px;
     padding-right: 20px;
     text-align: center;
    }
#footer{
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: 0px;
}
.mit{
    max-width: 80%;
    border: solid 3px #CC0000;
    padding: 10px;
}
    }

@media screen and (min-width: 1200px){
#wrapper {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    padding-left: 2%;
    padding-right: 2%;
    clear: none;
    float: none;
}
#payeds_table{
    max-width: 100%;
    background-color: #FFFFFF;
    color: #000000;
    }
#payeds_table th{
    vertical-align: top;
    border: solid 1px #000000;
    text-align: center;
    }
#payeds_table td{
     vertical-align: top;
     border: solid 1px #666600;
     padding-left: 20px;
     padding-right: 20px;
     text-align: center;
     background-color: #FFFFCC;
    }
#footer{
    position: fixed;
    width: 100%;
    left: 0px;
    bottom: 0px;
}
.mit{
    max-width: 80%;
    border: solid 3px #CC0000;
    padding: 10px;
}
    }