header, section, footer, nav, main, {display: block;}
html, body {max-width: 900px !important; width: 850px !important;}
BODY {margin: 0px; background-color:#ffffff !important; color:rgb(0,51,102) !important;}
H1 {color:rgb(0,51,102);text-align:center;} 
H2 {color:rgb(0,51,102);text-align:center;}
H3 {color:rgb(0,51,102);text-align:center;}
H4 {color:rgb(0,51,102);text-align:justify;}
HR {background-color:rgb(0,51,102);border:0;width:95%;align:center;height:4px;}
img, video, iframe {display:block;margin: 0 auto;max-width:100%;height:auto;}

.container, .container-fluid {background-color:#ffffff;}
.banner-main {background-color:rgb(0,51,102);color:#f8f6ed;font-family:Georgia;}
.nav-link {color:#f8f6ed;}
.big {font-size:1.9em;font-family:Georgia;color:#f8f6ed;}

.dropbtn {background-color: rgb(0,51,102);color:#f8f6ed;padding:16px;font-size:16px;border:2px solid #000000;cursor:pointer;border-radius:8px;}
.dropdown {position:relative;display:inline-block;margin:0px;border:0px;box-shadow: 4px 4px 4px 0 rgba(0, 0, 0, 0.2);}
.dropdown-content {display:none;position:absolute;background-color:rgb(0,51,102);min-width:160px;box-shadow:0px 8px 16px 0px rgba(0,0,0,0.2);z-index:1;}
.dropdown-content a {color:#f8f6ed;padding:12px 16px;text-shadow: 2px 2px 4px #000000;text-decoration:none;display:block;}
.dropdown-content a:hover {background-color: #0066cc;color:white;text-decoration:none;}
.dropdown:hover .dropdown-content {display:block;text-decoration:none;}
.dropdown:hover .dropbtn {text-decoration:none;}

#myBtn {display:none;position:fixed;bottom:20px;right:30px;z-index:99;border:none;outline:none;background-color:red;color:white;cursor:pointer;padding:15px;border-radius:10px;}
#myBtn:hover {background-color: #555;}

.video680 video {width:100%;max-width:620px;height:auto;}

@media only screen and (max-width: 360px) {img, video {margin:0 auto;box-shadow:none;padding:0;border:0;}}
@media only screen and (max-width: 360px) {container, container-fluid, row, col, video {margin:0;padding:0;border:0;}}



  canvas {border: 1px solid black;}
  .button-class { border: 2px solid #000000; background-color: #ffffff; display: inline-block; padding: 0.3em 1.2em; margin: 0 0.1em 0.1em 0; border: 0.16em solid rgba(255,255,255,0);border-style: solid; border-radius: 2em; box-sizing: border-box; text-decoration: none; font-family:'Roboto', sans-serif; font-weight: 300; color: #FFFFFF; text-shadow: 0 0.04em 0.04em rgba(0,0,0,0.35); text-align: center;}      
  .button-class:hover {border-style: solid; border-color: rgba(255,255,255,1);}
  a:link {background-color: transparent; text-decoration: none;}    
  .button-class:active {transform: translateY(2px);}  
  .controls {display: inline-block;}
  #myBtn { display:none; position:fixed; bottom:20px; right:30px;z-index:99;border:none;outline:none;background-color:red; color:white; cursor:pointer; padding:10px; border-radius:10px;}
  #myBtn:hover {background-color: #740101;}