/* reset styles */
html, body, div, span, applet, object, iframe,
p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    line-height: normal;
    vertical-align: baseline;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
}

.rows::after {
    content: '';
    display: block;
    clear: both;
}

.hero-heading {
    max-width: 1200px;
    margin: 0 auto;
}

.hero-heading h1{
   font-size:1.5em;
   color:#000066;

}

.main-contents {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom:3em;
}

.main-contents ul, p{
    max-width: 1200px;
    padding-left:45px;
    padding-bottom:20px;
}


.header {
    max-width: 1200px;
    margin: 0 auto;
    background-color: #ffffff;
    height: 120px;
    color: #097f9e;
}

    .header .logo {
        float: left;
        margin: 30px 0 0 0;
    }

        .header .logo p {
            margin-bottom: 50px;
        }

    .header .nav {
        float: right;
    }

    .header span {
        display: none;
    }

    .header ul {
        margin: 40px 0 20px 20px;
        list-style: none;
    }

    .header li {
        display: inline-block;
        margin-left: 50px;
    }

    .header a:link {
        text-decoration: none;
        color: #097f9e;
    }

    .header a:visited {
        text-decoration: none;
        color: #097f9e;
    }

    .header a:hover {
        text-decoration: underline;
        color: #097f9e;
    }

.container-text {
    max-width: 1200px;
    margin: 10px auto 20px auto;
}

.alert {
    background-color:#FAEFCD;
    width: 500px;
    padding: 1em 1em 0em 0em;
    border-radius:10px;
    display:flex;
    align-items: center;
}

.alert p {
 justify-content: center;
 align-items: center;
 padding-left:15px;
 padding-top:2px;
}

img.alert-icon {
width:20px;
height:auto;
margin-bottom: auto;
margin-left: 30px;

}

.footer {
    padding: 30px 0;
    background-color: #097f9e;
    color: #ffffff;
    letter-spacing: .1em;
}

.footer-container {
    max-width: 1200px;
    margin: 0 auto;
    margin-bottom:0; 

}

.footer ul {
    list-style: none;
    margin-left: 0;
    margin-bottom: 20px;
    padding: 0 0 10px 0;
}

.footer li {
    display: inline-block;
    margin-right: 20px;
    zoom: 1;
    *display: inline;
    vertical-align: bottom;
}

.footer .footer-line {
    border-bottom: 1px solid #fff;
}

.footer div.footer-left {
    float: left;
    font-size: .9em;
}

    .footer div.footer-left .button {
        background-color: #000066;
        border: none;
        color: #fff;
        padding: 15px;
        text-align: center;
        text-decoration: none;
        border-radius: 25px;
        width: 280px;
    }

.footer div.footer-right {
    float: right;
    margin-top: 20px;
}

.footer a {
    color: #fff;
    text-decoration: none;
}

    .footer a:link {
        color: #fff;
        text-decoration: none;
    }

    .footer a:visited {
        color: #fff;
        text-decoration: none;
    }

    .footer a:hover {
        color: #fff;
        text-decoration: underline;
    }