#basic-info,#center,header{display:grid}body{background:#F0F0F0;font-size:16px;color:#3D3D3D}#name,.button,.exp-data,.exp-level,.exp-name,.info,.karma,.lato,h2{font-family:Lato;font-style:normal;font-weight:400;line-height:normal}.review-date,.reviewer-name,.route-date,.subtitle,body,h3,h4{font-family:Roboto;font-style:normal;font-weight:400;line-height:normal}.karma,.tab-active,h2{font-weight:700}img{width:100%;height:auto;background:#fff}h2{margin:8px 0;font-size:24px;color:#049372;text-align:left}.button,h3{font-size:18px}h3{margin:0}h4{color:#049376;margin:unset}#center{margin:0 auto 20px;width:90%}#cover-photo{background:center #367241;background-size:cover;position:relative;height:293px}#name{position:absolute;bottom:0;left:227px;font-size:33px;line-height:normal;color:#FFF;text-shadow:0 4px 4px rgba(0,0,0,.9)}#profile-pic{position:absolute;top:195px;left:52px;width:150px;height:150px;background:#73AD21;border:3px solid #fff;border-radius:100px;overflow:hidden}#basic-info{background:#FFF;grid-template-columns:2fr 1fr;height:auto;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 1px 2px rgba(0,0,0,.25)}.info{margin:23px 0 23px 227px;color:#9E9E9E}.msgicon{background-image:url("img/mail2.svg")}.button{width:131px;height:40px;background:#19B5FE;border-radius:20px;border:none;line-height:normal;color:#FFF;margin:14px 34px 0 117px}.button>span{vertical-align:middle}.button-icon{width:24px;height:24px;display:inline-block;margin-right:5px}#body,.column,.content.exp,.review{display:grid}#body{grid-template-columns:1fr 1fr;padding-top:14px;grid-gap:14px 16px;grid-auto-rows:minmax(-webkit-min-content,-webkit-max-content);grid-auto-rows:minmax(min-content,max-content)}.column{grid-template-columns:1fr;row-gap:14px}.content{width:auto;background:#FFF;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.25);box-shadow:0 1px 2px rgba(0,0,0,.25);border-radius:5px;padding:10px 19px 20px;word-wrap:break-word}.content h2{margin-bottom:20px}.content.exp{text-align:center;grid-template-columns:1fr 1fr;-ms-flex-line-pack:center;align-content:center}.exp-icons{height:40px;width:40px;margin:0 auto}.hiker{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.exp-level{color:#049372;margin:10px 0}.exp-level.pts{font-size:12px;line-height:normal;color:#9E9E9E}.karma{font-size:24px;color:#3D3D3D}.review{grid-template-columns:.2fr 1fr;grid-column-gap:16px}.experience{max-height:115px}.exp-data{font-size:21px;color:#3D3D3D;white-space:nowrap}.exp-name{font-size:12px;color:#049372}.hidden{display:none}.content.summary{text-align:center;display:block;grid-area:1/2/2/3}.hike,.tab{display:grid}.tab-head{cursor:pointer;font-family:Lato;font-size:17px;color:#19B5FE;padding:10px}.tab{grid-template-columns:1fr 1fr 1fr;border:1px solid #19B5FE;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;width:75%;text-align:center;margin:0 auto 20px}.hike,.route{margin-bottom:10px}.tab-active{background-color:#19B5FE;-webkit-box-sizing:border-box;box-sizing:border-box;border-radius:20px;color:#FFF}.subtitle,.subtitle a{color:#736C6C}.hike{grid-template-columns:1fr 3fr}.subtitle{font-size:14px}.route-date{font-size:11px;color:#3D3D3D}h3.outstanding{color:#26C281}h3.bad{color:#D24D57}h3.ok{color:#FE9F19}.review{margin-bottom:20px}.review-content.subtitle{font-size:11px;color:#939393;margin-bottom:11px}.review-content.subtitle a{color:inherit}.reviewer-name{font-size:13px;color:#626262}.reviewer-name a{color:#626262}.review-date{font-size:9px;color:#939393}.review-deets{text-align:center;width:90px}.img-icon{width:50px;border-radius:50%;overflow:hidden;margin:0 auto}.charts{padding-bottom:40px}.charts h2{margin-bottom:0}.chart{display:table;table-layout:fixed;width:80%;padding:0;max-width:700px;height:200px;margin:0 auto;background-image:-webkit-gradient(linear,left bottom,left top,color-stop(2%,rgba(0,0,0,.1)),color-stop(2%,rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.1) 2%,rgba(0,0,0,0) 2%);background-image:-o-linear-gradient(bottom,rgba(0,0,0,.1) 2%,rgba(0,0,0,0) 2%);background-image:linear-gradient(to top,rgba(0,0,0,.1) 2%,rgba(0,0,0,0) 2%);background-size:100% 50px;background-position:left top}.chart li{display:table-cell;vertical-align:bottom;height:200px}.chart span{position:relative;margin:0 7px;display:block;background:rgba(209,236,250,.75);-webkit-animation:draw 1s ease-in-out;animation:draw 1s ease-in-out;text-align:center;line-height:30px}.chart span:after,.chart span:before{position:absolute;left:0;right:0;display:block;text-align:center;word-wrap:break-word}.chart span:after{top:100%;content:attr(title);color:#049372}.chart span:before{bottom:100%;content:attr(data-label)}@-webkit-keyframes draw{0%{height:0}}@keyframes draw{0%{height:0}}@media screen and (min-width:360px){#center{width:98%}}@media screen and (max-width:768px){.button{height:40px;margin:auto 14px auto 73px}.info{margin:0 0 0 175px}.info-button{padding:9px 15px 0 0}#basic-info{padding:10px 0}#profile-pic{width:120px;height:120px;left:31px;top:141px}#name{left:175px;font-size:32px}#cover-photo{height:212px}.tab{width:100%}h3{font-size:16px}}@media screen and (max-width:700px){#name,.info{text-align:center}#body{display:block}#profile-pic{width:120px;height:120px;left:calc(50% - 60px);top:50px}#cover-photo{height:255px}#basic-info{height:auto;grid-template-columns:1fr}#name{position:static;margin-top:210px;bottom:0;left:0}.info{margin:10px 0 5px}.button{margin:0 auto 10px}.content{margin:8px 0}.tab{width:100%}}@media screen and (min-width:768px){#center{width:95%}}@media screen and (min-width:1024px){#center{width:85%}}@media screen and (min-width:768px) and (max-width:1024px){.button{margin:14px 10px 0 76px}#profile-pic{width:130px;height:130px;left:31px;top:168px}#cover-photo{height:255px}.info{margin:23px 0 0 184px}#name{left:185px}}@media screen and (min-width:1440px){#center{width:60%}}