/* You can add global styles to this file, and also import other style files */

html, body { height: 100%; }
body { margin: 0; font-family: Roboto, "Helvetica Neue", sans-serif; }
.mainlogo { max-height:200px; margin: auto; }
.pagecontainer { padding: 10px 10px 10px 10px; background-color: #f0f3f5; }
.footer { font-size: small; text-align: center; padding-bottom: 5px; }
.footer li, li::after { display: inline-block; list-style-type: none; margin-right: 15px; }
.icon-2x { transform: scale(2); padding-top: 7px; }
.logo { max-height: 100px; }
.hc-primary { background-color: #00597e; border-color: #00597e; color: white; }
.hc-primary:hover { background-color: #6fa92d !important; border-color: #6fa92d !important; color: black !important; }

/* Media queries below this line */
@media (max-width: 768px) {
    .pagecontainer { padding: 10px 10px 10px 10px; background-color: #f0f3f5; }
    .mainlogo { width: 50%; margin: auto; }
    .logo { max-height: 75px; }
}