@import url(//fonts.googleapis.com/css?family=Open+Sans:300,400);
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
:root {
    /* --sed-color: #035751; */
    --sed-color: #4e7171;
    --sed-color-dark: #023734;
    --sed-color-light: #357974;
    --muted: #666;
}
body, html {
    font-family: 'Open Sans', sans-serif;
}
h1, h2, h3 {
    font-weight: 400;
    margin: 0.8rem 0rem;
}
h1 {
    font-size: 2.5rem;
}
h2 {
    font-size: 2rem;
}
h3 {
    font-size: 1.5rem;
}
header, footer {
    background: var(--sed-color);
    color: white;
    margin: 0;
    padding: 0;
}
main {
    min-height: calc(100vh - 440px); /* header and footer height */
}
.content {
    padding: 1rem 2rem;
    max-width: 800px;
    margin: auto;
}
a { 
    text-decoration: none;
    color: var(--sed-color-light);
}
/* header */
a:hover {
    color: var(--sed-color);
}
.hero {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap-reverse;
}
.hero img {
    width: 200px;
    height: auto;
}
button {
    padding: 0.5rem 0.8rem;
    border-radius: 0.375rem;   
}
#login {
    border: 3px solid var(--sed-color);
    background: none;
}
/* footer */
footer {
    font-size: 14px;
}
.footer-logos {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-wrap: wrap;
}
.footer-logos li {
    list-style-type: none;
}
.footer-logos li img  {
    width: 200px;
    height: auto;
    padding-right: 2rem;
    padding-bottom: 1rem;
}
ul, ol {
    padding-left: 2rem;
}


/* boostrap classes */
.d-flex {
    display: flex;
}
.justify-content-center {
    justify-content: center;
}

/* Margin Bottom */
.mb-0 { margin-bottom: 0!important; }
.mb-1 { margin-bottom: 0.25rem !important; }
.mb-2 { margin-bottom: 0.5rem !important; }
.mb-3 { margin-bottom: 1rem !important; }
.mb-4 { margin-bottom: 1.5rem !important; }
.mb-5 { margin-bottom: 3rem !important; }

/* Margin Top */
.mt-0 { margin-top: 0!important; }
.mt-1 { margin-top: 0.25rem !important; }
.mt-2 { margin-top: 0.5rem !important; }
.mt-3 { margin-top: 1rem !important; }
.mt-4 { margin-top: 1.5rem !important; }
.mt-5 { margin-top: 3rem !important; }

/* Margin Left */
.ms-0 { margin-left: 0!important; }
.ms-1 { margin-left: 0.25rem !important; }
.ms-2 { margin-left: 0.5rem !important; }
.ms-3 { margin-left: 1rem !important; }
.ms-4 { margin-left: 1.5rem !important; }
.ms-5 { margin-left: 3rem !important; }

/* Margin Right */
.me-0 { margin-right: 0!important; }
.me-1 { margin-right: 0.25rem !important; }
.me-2 { margin-right: 0.5rem !important; }
.me-3 { margin-right: 1rem !important; }
.me-4 { margin-right: 1.5rem !important; }
.me-5 { margin-right: 3rem !important; }

/* Padding Bottom */
.pb-0 { padding-bottom: 0!important; }
.pb-1 { padding-bottom: 0.25rem !important; }
.pb-2 { padding-bottom: 0.5rem !important; }
.pb-3 { padding-bottom: 1rem !important; }
.pb-4 { padding-bottom: 1.5rem !important; }
.pb-5 { padding-bottom: 3rem !important; }

/* Padding Top */
.pt-0 { padding-top: 0!important; }
.pt-1 { padding-top: 0.25rem !important; }
.pt-2 { padding-top: 0.5rem !important; }
.pt-3 { padding-top: 1rem !important; }
.pt-4 { padding-top: 1.5rem !important; }
.pt-5 { padding-top: 3rem !important; }

/* Padding Left */
.ps-0 { padding-left: 0!important; }
.ps-1 { padding-left: 0.25rem !important; }
.ps-2 { padding-left: 0.5rem !important; }
.ps-3 { padding-left: 1rem !important; }
.ps-4 { padding-left: 1.5rem !important; }
.ps-5 { padding-left: 3rem !important; }

/* Padding Right */
.pe-0 { padding-right: 0!important; }
.pe-1 { padding-right: 0.25rem !important; }
.pe-2 { padding-right: 0.5rem !important; }
.pe-3 { padding-right: 1rem !important; }
.pe-4 { padding-right: 1.5rem !important; }
.pe-5 { padding-right: 3rem !important; }