*{margin:0;padding:0}
html,body{height:100%}
body{background:#000;color: #fff;font-family:"Helvetica Neue", Helvetica, Arial}
h1, h2, h3{font-size:100%;font-weight:normal}
li{list-style:none}
.page-body-grid {align-items: center;display: grid;grid-gap: 15px;grid-template-columns: repeat(2, 1fr);height: 100%;justify-content: center}
.company-pane {text-align: right}
.company-pane h1 {font-size:38px;padding:12px 20px}
.company-pane h3 {color:#ffe400;font-size:24px;padding:12px 20px}
.message-pane {border-left:1px solid #303030;padding-left: 1.5em;padding-top: .5em}
.message-pane h2{color:#ffe400;font-family:Georgia;font-size:24px;margin-bottom:20px}
.message-pane h2 span{color:#fff;font-size:16px;font-style:italic;line-height:26px}
.message-pane h3{color:#333;float:left;font-size:28px;margin-right:15px}
ul {margin:10px 0 0 0;padding:0}
ul li{clear:both;float:left;margin-bottom:20px}
ul li p{color:#fff;float:left;font-size:13px;line-height:26px}
ul li p.social a.tw{background:url(imgs/social.png) left top no-repeat;float:left;height:28px;margin-right:8px;width:28px}
ul li p.social a.fb{background:url(imgs/social.png) -36px top no-repeat;float:left;height:28px;margin-right:8px;width:28px}
ul li p.social a.li{background:url(imgs/social.png) -72px top no-repeat;float:left;height:28px;width:28px}
ul li p.social a.tw:hover{background:url(imgs/social.png) left bottom no-repeat;float:left;height:28px;width:28px}
ul li p.social a.fb:hover{background:url(imgs/social.png) -36px bottom no-repeat;float:left;height:28px;width:28px}
ul li p.social a.li:hover{background:url(imgs/social.png) -72px bottom no-repeat;float:left;height:28px;width:28px}
@media screen and (max-width : 800px) {
    .page-body-grid{display: block;padding:2em .5em .5em .5em;text-align:center}
    .company-pane{border-bottom:1px solid #ccc;text-align:center}
    .message-pane{padding-left:0;text-align:center}
    ul{margin:0 auto;width:80%}
}