body {color:balck;width :100% ;background-color:WHITE;font-family:Geneva, Arial, Helvetica, sans-serif;}

section { width :80% ; margin :auto ; padding :10px ; background-color :WHITE ;}

header{ width :100% ;background-color :#141d2f;}



aside {width:62%;border:none;border-width:1px;border-color:white;
display:inline-block;text-align:center;}
aside h3 {margin-left:;font-size:;width:100%;text-align:center;color:#858585;font-family:Letter Gothic Std, Geneva, Arial;}


article {display:inline-block;background-color : ;vertical-align: top;width:37%;background-image:linear-gradient(.25turn, #dadadb, 5%, white);border-left:solid;border-color:#dadadb;border-width:1px;} 
article h2 {color:#858585;}




aside h4 {font-size:2em;margin-left:px;margin-top:px;color:#858585;font-family:Letter Gothic Std, Geneva, Arial;}
article img {text-align:center;border-radius:10px;}


 

 #bdd_padi {width:30%;
margin-left:px;margin-top:px;border:solid;border-width:1px;border-color:blue;border-radius: 10px;} 
#bdd_padi:hover {border-color:orange;}


#bdd_padi.opacity {opacity: 0.3;} #bdd_padi.opacity:hover {opacity: 1.0;}

 
#bdd_ffessm{width:30%;
margin-left:px;margin-top:px;border:solid;border-width:1px;border-color:blue;border-radius: 10px;} 
#bdd_ffessm:hover {border-color:orange;}


#bdd_ffessm.opacity {opacity: 0.3;} #bdd_ffessm.opacity:hover {opacity: 1.0;}

 




@media(min-width: 980px) and (max-width: 1920px)

{

section{  width :100% ; padding :0px ;}


 

}


@media(min-width: 768px) and (max-width: 979px)

{ 
section

{ width :100% ; padding :0px ;}



article

{width :90% ;margin:auto;display:block;}

aside{width :90% ;margin:auto;display:block;}

 

 }

@media(max-width: 768px)

{ 
section

{ width :100% ; padding :0px ;}

#menu {font-size:0.8em;} 

article

{width :90% ;margin:auto;display:block;}

aside{width :90% ;margin:auto;display:block;}

 


}