div.top{





background-color:blue;



padding-top:1.4em;

}

h1{

text-align:center;

font-size:24px;

color:white;

padding-bottom:1.4em;

}

h2{

color:white;

font-size:16px;

padding-left:0.8em;

padding-right:0.8em;

padding-top:1.2em;

padding-bottom:1.2em;

letter-spacing:0.2em;

background-color:#00FF00;

}




div.side{

}

p.side{

font-size:14px;

line-height:1.8em;

padding-left:1.4em;

padding-right:1.4em;

letter-spacing:0.1em;




}


div.main{




}


@media (max-width: 640px) {
  img{
    max-width: 98%;
    height: auto;
  }
}


p.maintop{


font-size:16px;

padding-left:0.8em;

padding-right:0.8em;

line-height:1.8em;

color:white;

padding-bottom:1.4em;

}


p.main{

font-size:16px;

line-height:2.4em;

padding-left:0.8em;

padding-right:0.8em;

letter-spacing:0.2em;

padding-top:1.2em;


}



div.footer{


text-align:center;


font-size:16px;

height:150px;

}

p.footer{

font-size:16px;


}



p.bn{

text-align:center;


}

span.enfa-red{

color:red;

font-size:16px;


}


span.enfa-green{

color:green;

font-size:16px;


}


p.pr2{

font-size:14px;

text-align:center;

color:black;



}