.cd-container{width:90%;max-width:768px;margin:2em auto}.cd-container::after{content:'';display:table;clear:both}@media only screen and (min-width:1024px){header{height:200px}header h1{font-size:30px;font-size:1.875rem;padding-top:2.6em}}main p{font-size:16px;font-size:1rem;line-height:1.6;margin:2em 0}.cd-top{display:inline-block;height:20px;width:20px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0,0,0,.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/cd-top-arrow.svg) center 50% no-repeat #789ae5;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0s .3s;-moz-transition:opacity .3s 0s,visibility 0s .3s;transition:opacity .3s 0s,visibility 0s .3s}.cd-top.cd-fade-out,.cd-top.cd-is-visible,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0s 0s;-moz-transition:opacity .3s 0s,visibility 0s 0s;transition:opacity .3s 0s,visibility 0s 0s}.cd-top.cd-is-visible{visibility:visible;opacity:1}.cd-top.cd-fade-out{opacity:.5}.no-touch .cd-top:hover{background-color:#e86256;opacity:1}@media only screen and (min-width:768px){.cd-top{right:20px;bottom:20px}}@media only screen and (min-width:1024px){main p{font-size:20px;font-size:1.25rem}.cd-top{height:40px;width:40px;right:30px;bottom:30px}}