.container  {
width: 100%;
height: auto;
}


.maincontent  {
width: 90%;
height: auto;
padding: 15px;
margin-left: auto;
margin-right: auto;
}


/*----- FONT RESPONSIVE  -----*/


/*body { font-size: 14px; }*/
/*body { font-size: 1rem; // 16px }*/
/*body { font-size: 62.5%; }*/


body { font-size: 14px;line-height: 120%; }
h1 { font-size: 2.5em;margin: 0px;padding-bottom: 15px;color: #fff;font-weight: 500;font-family: Lato,arial,Helvetica; }
h2 { font-size: 2em;margin: 0px;padding: 0px;line-height: 120%;color: #fff;font-weight: 500;font-family: Lato,arial,Helvetica; }
h3 { font-size: 1.9em;color: #fff;font-weight: 500;font-family: Lato,arial,Helvetica;padding: 0px 0px 10px 0px;margin: 0px; }
p  { font-size: 1.6em;color: #fff;font-family: Lato,arial,Helvetica; }



@media screen and (min-width: 10px)
{
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.3em; }
p { font-size: 1em; }
}


@media screen and (min-width: 600px)
{
h1 { font-size: 1.9em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
p { font-size: .9em; }
}


@media screen and (min-width: 800px)
{
h1 { font-size: 2em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
p { font-size: 1em; }
}





#pagelist  {
padding: 0px 10px; 
margin: 10px; 
line-height: 100%;
}







.yellow  {
width: 95%;
background-color: #ffc72c;
margin-top: 20px;

}

@media screen and (max-width: 768px)
{
.yellow  {
margin-left: auto;
margin-right: auto;
}
}

.yellowbody  {
margin-top: 10px;
width: 100%;
background-color: #033c5a;
padding: 20px;
}





.rest  {
line-height: 150%;
padding: 20px 30px 0px 30px;
font-family: arial,Helvetica;
font-size: 14px;
color: #fff;"
}



.quoter {
padding: 20px 30px 0px 200px;
line-height: 120%;
}

.quotetitle {
font-size: 16px;
}




a.linky {
color: #fff;
cursor: pointer;
text-decoration: none;
}

a.linky:hover {
color: #4091d1;
outline: none;
text-decoration: none;
}

a.linky:focus {
color: #4091d1;
outline: none;
text-decoration: none;
}

a.linky:active {
color: #4091d1;
outline: none;
text-decoration: none;
}