html *{line-height:1.4em;}
h1,h2{font-size:1.1em;display:inline;line-height:1.3em;font-style:normal;font-family:Arial,Helvetica,sans-serif;}


a:link {
  text-decoration: none;
}

a:visited {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

mainsection{
  display:block;
}

img { max-width:95%; height:auto;}

.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
}

.flex-item {
    background: #edf0ff;
    padding: 10px;
    width: 350px;
    height: auto;
    margin-top: 5px;
    line-height: 1em;
    color: black;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
}


body{
   font:100%/1.0 Helvetica, Arial, sans-serif;background:#fff;
}

div[role="main"] mainsection{
   margin:0 0 1em 0;padding:1em;background:#fff;

img { max-width:95%; height:auto;}

}



@media all and (max-width:95%){
}

@media only screen and (min-width:320px){body{background:white;font-size:2em;font:100%/2.0 Helvetica, Arial, sans-serif;line-height:2.5em;}
.navmain{font-size:1.2em;line-height:2.0em;font-weight:bold;}

img { max-width:95%; height:auto;}

}

@media only screen and (min-width:480px){body{background:white;font-size:1.5em;font:100%/1.9 Helvetica, Arial, sans-serif;}
.navmain{font-size:1.2em;line-height:1.5em;font-weight:bold;}

img { max-width:95%; height:auto;}

}

@media only screen and (min-width:768px){body{background:white;font-size:1.0em;font:100%/1.0 Helvetica, Arial, sans-serif;}
.navmain{font-size:1.0em;font-weight:bold;line-height:1.2em;}
img{max-width:400px;height:auto;}
#container{padding:2em;

img { max-width:95%; height:auto;}

}

footer,
div[role="main"] mainsection{padding:1em;}
div[role="main"]{overflow:auto;background:none;}
div[role="main"] mainsection{float:left;width:95%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:2em;}
}

@media only screen and (min-width:1024px){body{background:white;}
#container{max-width:95%;margin:0 auto;}

img { max-width:95%; height:auto;}

}

@media only screen and (min-width:95%){body{background:white;}

img { max-width:95%; height:auto;}

}