body {margin:0;} ul.topnav { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #4380A8; } ul.topnav li {float: left;} ul.topnav li a { display: inline-block; color: #f2f2f2; padding: 14px 16px; text-decoration: none; transition: 0.3s; font-size: 30px; } ul.topnav li a:hover {background-color: #555;} ul.topnav li.icon {display: none;} @media screen and (max-width:1000px) { ul.topnav li:not(:first-child) {display: none;} ul.topnav li.icon { float: right; display: inline-block; } } @media screen and (max-width:1000px) { ul.topnav.responsive {position: relative;} ul.topnav.responsive li.icon { position: absolute; right: 0; top: 0; } ul.topnav.responsive li { float: none; display: inline; } ul.topnav.responsive li a { display: block; text-align: left; } } .btn1 { display:inline-block; min-width: 50px; width: 410px; padding:5px 10px; background: #4380A8; color: #FFF !important; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: solid 1px #20538D; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.4), 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; transition-duration: 0.2s; text-decoration: none; font-size: 30px; } :hover.btn1 { background: #555; border: solid 1px #2A4E77; text-decoration: none; } .container { position: relative; width: 50%; } :hover.container .image { opacity: 0.3; } :hover.container .middle { opacity: 1; } .middle { transition: .5s ease; opacity: 0; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%) } .imgrad { opacity: 1; transition: .5s ease; backface-visibility: hidden; border-radius: 8px; } .text { background-color: #4CAF50; color: white; font-size: 16px; padding: 16px 32px; } .footer { font-family: MS Sans Serif; font-size: 25px; color: white; } .footer2{ font-family: Arial; font-size: 12px; color: white; } * { a:link {color:#FFFFFF; text-decoration: none;} * { margin: 0; } } TD { FONT-FAMILY: Arial, Helvetica, sans-serif } * { a:link {color:#FFFFFF; text-decoration: none;} * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } a:link {color:#FFFFFF; text-decoration: none;} * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } * { margin: 0; } .BoldTextHeader { FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #009966; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif }