html{font-size:75%;margin:0;padding:0}
body{font-family:'Work Sans';font-size:18px;font-size:1.5rem;line-height:1.333;color:#2c3d50;background:#e9ebed;margin:4rem;padding:0}
header{background:#15BD9A;margin:-4rem -4rem 0}
header>div{max-width:736px;margin:0 auto;padding-top:2rem}
header img{display:block;position:relative;left:24px;top:44px}
footer{background:#d5d8dc;margin:0 -4rem -4rem;padding:0 4rem}
footer>div{}
.cynnwys{max-width:640px;margin:0 auto;padding:4rem 0}
h1{font-size:3rem;line-height:3.5rem;font-weight:normal;margin:2rem 0 4rem}
h2{font-size:2.5rem;line-height:3rem;font-weight:600}
h3{font-size:1.8rem;line-height:2rem;font-weight:600;margin:2rem 0 1rem;color:#566473}
h4{font-size:1.8rem;line-height:2rem;font-weight:600;margin:1rem 0 .5rem}
p{font-weight:normal;font-weight:normal;margin:2rem 0}
a:link,a:visited{color:#22897d}
a:active,a:hover{color:#1bbb9b;text-decoration:underline;cursor:pointer}
.straeon{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.straeon .stori{width:310px;margin-bottom:2rem}
.straeon .llun img{width:100%;height:auto;display:block}
.straeon a:link,.straeon a:visited{text-decoration:none}
.straeon a:active,.straeon a:hover{color:#1bbb9b;text-decoration:underline}
.llun{padding-bottom:61.8%;position:relative;overflow:hidden;display:block} /* llun 3:2 */
.llun img{display:block;position:absolute;top:50%;left:50%;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:100%;height:auto}
.llun img{top:0\9;left:0\9}
@media only screen and (max-width:736px) {
	html{font-size:66.67%}
	body{margin:3rem}
	header{margin:-3rem -3rem 0}
	header img{width:240px;height:auto;left:28px;top:33px}
	h1{font-size:2.5rem;line-height:3rem}
	.straeon .stori{width:100%}
}