html, body { direction: ltr; -webkit-text-size-adjust: auto; height: 100%; min-width: 100%; margin: 0; padding: 0; border: 0; font-family: font-family: 'Indie Flower', serif; font-size: 16px; color:#ffffff; } /* For modern browsers */ .clearfix:before, .clearfix:after { content: ''; display: table; } .clearfix:after { clear: both; } input.button { font: bold 24px font-family: 'Indie Flower', serif; margin: 0; padding: 2px 3px; color: #000000; background-color: #ddd; border: 0px solid #07c; } input.buttonHEAD { font: bold 40px font-family: 'Indie Flower', serif; margin: 0; padding: 2px 3px; color: #000000; background-color: #ffffff; border: 0px solid #000000; } img { width: 100%; height: auto; } /* unvisited link */ a:link { color: #000000; } /* visited link */ a:visited { color: #000000; } /* mouse over link */ a:hover { color: #000000; } /* selected link */ a:active { color: #000000; } input.buttonNAV1 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid yellow; padding:0 3px 0 3px; display:inline-block; text-decoration:none; background: #E17C1C; color: white; cursor:pointer; font: bold 34px Arial, Sans-serif; } input.buttonNAV1:hover { text-decoration:none; color:white; cursor:pointer; border:2px solid orange; } input.buttonNAV2 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid yellow; padding:0 3px 0 3px; display:inline-block; text-decoration:none; background: #AFEEEE; color: black; cursor:pointer; font: bold 34px Arial, Sans-serif; } input.buttonNAV2:hover { text-decoration:none; color: black; cursor:pointer; border:2px solid orange; } input.buttonNAV3 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid yellow; padding:0 3px 0 3px; display:inline-block; text-decoration:none; background: yellow; color: black; cursor:pointer; font: bold 24px Arial, Sans-serif; } input.buttonNAV3:hover { text-decoration:none; color: black; cursor:pointer; border:2px solid yellow; } input.buttonNAV4 { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 2px solid yellow; padding:0 3px 0 3px; display:inline-block; text-decoration:none; background: #00FF00; color: black; cursor:pointer; font: bold 34px Arial, Sans-serif; } input.buttonNAV4:hover { text-decoration:none; color: black; cursor:pointer; border:2px solid orange; } .divTable{ display: table; width: 100%; } .divTableRow { display: table-row; } .divTableHeading { background-color: #EEE; display: table-header-group; } .divTableCell, .divTableHead { border: 1px solid #000000; display: table-cell; padding: 3px 10px; } .divTableHeading { background-color: #EEE; display: table-header-group; font-weight: bold; } .divTableFoot { background-color: #EEE; display: table-footer-group; font-weight: bold; } .divTableBody { display: table-row-group; } @media (max-width: 2000px) { h1 { font-size: 56px; color:#ffffff; margin: 0 0 15px; font-weight: bold; } h2 { font-size: 64px; color: yellow; margin: 0 0 15px; font-weight: bold; } h3 { font-size: 60px; color: yellow; margin: 0 0 15px; font-weight: bold; } h4 { font-size: 64px; color:#ffffff margin: 0 0 15px; font-weight: bold; } @media (max-width: 1200px) { h1 { font-size: 32px; color:#ffffff; margin: 0 0 15px; font-weight: bold; } h2 { font-size: 50px; color: yellow; margin: 0 0 15px; font-weight: bold; } h3 { font-size: 40px; color: yellow; margin: 0 0 15px; font-weight: bold; } h4 { font-size: 48px; color: #ffffff; margin: 0 0 15px; font-weight: bold; } @media (max-width: 869px) { h1 { font-size: 28px; color:#ffffff; margin: 0 0 15px; font-weight: bold; } h2 { font-size: 28px; color: yellow; margin: 0 0 15px; font-weight: bold; } h3 { font-size: 30px; color: yellow; margin: 0 0 15px; font-weight: bold; } h4 { font-size: 32px; color:#ffffff; margin: 0 0 15px; font-weight: bold; } @media (max-width: 700px) { h1 { font-size: 24px; color:#ffffff; margin: 0 0 15px; font-weight: bold; } h2 { font-size: 24px; color: yellow; margin: 0 0 15px; font-weight: bold; } h3 { font-size: 30px; color: yellow; margin: 0 0 15px; font-weight: bold; } h4 { font-size: 28px; color:#ffffff; margin: 0 0 15px; font-weight: bold; }