body {background: #fff;font-family: "Roboto", sans-serif;font-size: 18px;font-weight: 400;line-height: 1.3;}main {padding: 50px 0;min-height: 450px;}a {color: #0893c2;text-decoration: none;}a:hover {color: #2408a1;}h1 {font-size: 25px;font-weight: bold;text-decoration: underline;}h4{font-size: 20px;font-weight: bold;}.header h1 {font-size: 30px;font-weight: bold;text-decoration: none;}.logo img {width: 80px;height: auto;}.card-body img{width: 150px;height: auto;}.card-body h2{font-size: 25px;}label {color: #001116;font-size: 18px;font-weight: bold;}.form-control {padding: 5px 10px;font-size: 18px;font-weight: 400;color: #000;background-color: transparent;border: 1px solid #bbbbbb;border-radius: 15px;}.btn-primary {padding: 5px 30px;font-size: 18px;font-weight: 400;color: #fff;background-color: #0893c2;border-color: #0893c2;border-radius: 50px;}.btn-primary:hover {color: #fff;background-color: #04485f;border-color: #04485f;}footer {background: #f9f9f9;}footer .copyright {color: #000;font-size: 20px;font-weight: bold;}.invalid-feedback {display: block;}@media (min-width: 768px) and (max-width: 1024px) {h1 {font-size: 20px;font-weight: bold;}.btn-primary {width: 100%;padding: 5px 20px;font-size: 18px;font-weight: 400;}}@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {h1 {font-size: 20px;font-weight: bold;}.btn-primary {width: 100%;padding: 5px 20px;font-size: 18px;font-weight: 400;}}@media (min-width: 481px) and (max-width: 767px) {h1 {font-size: 20px;font-weight: bold;}.btn-primary {width: 100%;padding: 5px 20px;font-size: 18px;font-weight: 400;}}@media (min-width: 320px) and (max-width: 480px) {h1 {font-size: 20px;font-weight: bold;}.btn-primary {width: 100%;padding: 5px 20px;font-size: 18px;font-weight: 400;}}