#cy { width: 80%; height: 90%; position: absolute; left: 0px; } @media (min-width: 768px){ .container{ max-width:90%; } } @media (min-width: 992px){ .container{ max-width:90%; } } a:link { color: #097DC9; } /* A link that has been visited */ a:visited { color: #097DC9; } /* A link that is hovered on */ a:hover { color: #097DC9; } /* A link that is selected */ a:active { color: #097DC9; } * { box-sizing: border-box; } .column { float: left; } .left { width: 80%; } .right { width: 20%; } #searchform{ background:#EBF5FB; padding-top: 0; padding-left: 0; } .loginout { color: black } .inval { font-size: 1.3rem; font-weight: 80; color:red } ul { margin-left:40px; } .main { min-height: 70vh; padding-bottom: 100px; } .navbar { background-color: #336699; border-color: #080808; } body { } .footer { color: black; background-color: #f5f5f5; border-color: #080808; font-size: small; padding: 3px 0; position: absolute; left: 0; bottom: 0; width: 100%; } .footer a { text-decoration: none; transition: color 0.3s ease; color: #1e87f0; cursor: pointer; } .footer a:hover { color: #adb5bd; }