.related-articles{border:3px black solid;float:left;margin:20px;padding:10px 10px 20px;position:relative;max-width:100%}.related-articles:before{background:white;content:"Related content";font-family:WWF;font-size:20px;height:20px;line-height:20px;margin-top:-10px;position:absolute;left:30%;text-align:center;text-transform:uppercase;top:0;width:40%}.related-articles .article{float:left;margin:10px 3% 0;text-decoration:none;width:94%}.related-articles .article .img{float:left;height:80px;margin:0 10px 0 0;position:relative;width:80px}.related-articles .article .img i.fas{color:white;font-size:2em;margin:-0.5em 0 0 -0.5em;opacity:.85;position:absolute;top:50%;left:50%}.related-articles .article p{font-size:1.1em;line-height:1.5em;margin:10px 0;color:black}.related-articles .article:hover p{color:#dd681b}@media only screen and (max-width:1200px){.related-articles:before{left:20%;width:60%}}@media only screen and (max-width:1050px){.related-articles .article .img{margin:0 0 10px 0;width:100%}}@media only screen and (max-width:750px){.related-articles .article{margin:10px 3% 0;width:44%}.related-articles:before{left:30%;width:40%}.related-articles .article .img{height:100px;margin:0 10px 10px 0;width:100px}}@media only screen and (max-width:560px){.related-articles .article{width:94%}}