* {box-sizing:border-box;
font-family:Arial, Helvetica, sans-serif;}
body {margin: 0;font-size:22px;
font-family:Arial, Helvetica, sans-serif;}
a:link {color:#000;;text-decoration:none;}
a:visited {color:green;}
a:hover {color:red;text-decoration:none;}
a.two {color:blue;text-decoration:underline;}
a.two:hover {color:green;text-decoration:underline;}
.c {text-align:center;}
.rd {color:red;word-spacing:2px;}
p {line-height: 1.3;}
span {word-spacing:3px;}
#topnav {overflow:hidden;background-color:#06f;
position: fixed;top: 0;width:100%;text-align:center;}
#topnav a {cursor:pointer;display:inline-block;color:#fefefe;
padding: 12px 14px;text-decoration:none;}
#topnav a.active {background-color:#ddd;color:#000;}
#topnav a:hover:not(.active) {
background-color:#ddd;color:#000;}
#topnav a:hover {background-color:#ddd;color:green;}
#mybtn {display:block;position:fixed;
Top:75px;right:30px;
z-index:99;font-size:20px;line-height: 1.3;
border:none;outline:none;text-align:center;
background-color:rgba(255, 0, 0, 0.75);color:#fff;
padding:15px;border-radius:4px;}
#mybtn a.two:hover {color:#fff;}
.content {display:block;margin:auto;
max-width:50%;padding:70px 10px 50px;color:#000;}
.footer {background-color:#06f;padding:10px;}
@media print {
#topnav, #mybtn {display: none !important;}}
@media screen and (max-width: 660px) {
#topnav a {Float:none;cursor:pointer;
display:inline-block;color:#fefefe;
font-size:20px;text-align:center;
padding: 8px 10px;text-decoration:none;}
.content {display:block;margin:auto;
max-width:100%;padding:70px 10px 50px;color:#000;}
#mybtn  {display: none !important;}}
@media only screen and (max-width:1200px) {
#mybtn  {display: none !important;}}