body { background-color: #fafafa; color: #333; font-family: 'Roboto', sans-serif;}


#llgc_container {width: 960px; margin: 0 auto; padding: 1em 0 0 0;}

@media screen and (max-width: 984px){
    #llgc_container {width: auto; margin: 0 auto; padding: 1em 0 0 0;}
    p { font-size: 0.9em;}
    h2 { font-size: 2.6em;}
    h3 { font-size: 2.4em;}
}


a:link, a:visited {color: #333;}

h1 { font-size: 4em; margin: 0 0.6em 0.6em 0; font-family: 'Lato', sans-serif;}
h2 { font-size: 1.8em; padding: 0 0 0.4em 0; font-family: 'Lato', sans-serif;}
h3 { font-family: 'Lato', sans-serif;}

.dewisiaith { width: 90%; text-align: left; font-size: 1.2em;}
.chwith { float: left; width: 45%;}
.de {float: right; width: 45%;}

@media screen and (max-width: 984px){
    .chwith { float: left; width: 100%; display: block; font-size: 1.6em;}
    .de {float: left; width: 100%; display: block; font-size: 1.6em;}
    .fontmwy {font-size: 1.6em;}
}

.footer {clear: both; padding: 2em 0 0 0;}