.hero-section{ 
  height:550px;
  margin-top:0;
  background:no-repeat center center;
  background-size:cover
}
#left-hero-content{margin-top:220px;width:100%}
#left-hero-content p{color:#b3c935;margin-bottom:0;font:30px slatemed}
#left-hero-content h1{margin-top:5px}
#left-content h3{margin-top:20px}

#visual-blog{background-image:url(../img/news-events/visual-blog6.jpg)}
#blog-search-box{margin:0}
#blog-search-box h3{
 margin-bottom:10px;
 padding-top:20px;
 font:20px robotomed;
 color:#282828
}
#search-form{
 float:left;
 padding:0;
 width:100%;
 background:#fff
}
#search-form fieldset{
 position:relative;
 float:left;
 border:0;
 width:60%;
 margin-bottom:1.5%;
 width:100%
}
#search-form label{
 display:none;
 color:#fff;
 font-size:14px
}
#search-form input{
 float:left;
 background:#fff;
 height:30px;
 border:1px solid #ddd;width:98.5%;padding:5px 0 5px 1.5%; font:normal 16px slatelite;
}

/*------------------------------------ BLOG LIST ------------------------------------*/
#blogs-heading h1{
 border-bottom:10px solid #eee;padding-bottom:10px;margin-bottom:20px;margin-bottom:20px;
 font:30px robotolite;
 color:#282828
}
#blogs-heading p{font-size:15px}
#blog-search-icon{position:absolute;right:0;top:0;border:1px solid #ddd;height:40px;padding:0 12px;background:#fff;border-right:0}
#blog-search-icon .fa-search{color:#7d868c;font-size:22px;margin-top:8px}
.pagination{float:left;width:100%}
#blog-list{float:left;min-height:1600px}
#blog-list article{
 position:relative;
 float:left;
 width:49%;
 height:550px;
 padding-bottom:5%;
 background:#f6f7f8;
 margin:0 2% 40px 0;
 border-bottom:7px solid #e4e5e6;
 border-top: 3px solid #e4e5e6
}
#blog-list article:nth-child(even){margin-right:0}
#blog-list article:nth-child(even){float:right}
#blog-list h3{width:100%;margin:0 0 20px 0;padding-bottom:0;font:20px/1.3 robotomed}
.blog-thmb{width:100%}
.blog-text{height:auto;padding:0 3%}
#blog-list h4{float:left;margin:10px 0 20px 0;font:14px robotomed;color:#0c2437} 
#blog-list ul{position:absolute;right:0;bottom:3%}
#blog-list li{float:left;margin-right:10px}
.blog-text .fa{font-size:22px}
#blog-list .fa-linkedin{color:#007aba}
#blog-list .fa-twitter{color:#3face2}
#blog-list .fa-facebook{color:#325a9d}

.article-body p{font:15px/1.6 robotolite}

#blog-list .smooth-hover{position:absolute;left:3%;bottom:3%;font:15px/1.3 robotomed;color:#112332;text-transform:uppercase}
#blog-list .smooth-hover:hover{color:#7d868c}
.blog-text .fa-chevron-right{font-size:15px;margin-left:3px}

.blog-docs .docs-section-wrapper:first-child{padding:0}
#blog-subscribe{padding:0}
#subscribe-wrap, #marketo-wrap{position:relative;border:0}
#blog-subscribe{float:left;width:100%;padding:0}
#blog-subscribe fieldset{
 position:relative;
 float:left;
 border:0;
 width:100%;
 margin-bottom:3%
}
#blog-subscribe label{
 display:none;
 color:#fff;
 font-size:14px
}
#blog-subscribe input{border:0;border-radius:0}
#blog-subscribe .get-value{
 float:left;
 background:#fff;
 width:96%;
 padding:7px 2%;
 height:30px;
 font:normal 15px slatelite
}
#blog-subscribe span{color:red}

#submit{margin-top:10px}
#submit .btn{cursor:pointer;border-radius:1px;padding:4px 20px 7px;min-width:110px;width:100%}

#error-box{background:pink;padding:2% 0}
#error-box p{font:16px/1 slatemed;margin:0 2%}

#docs #subscribe-title{background:#e0e0e0;color:#282828;font:22px robotolite;text-transform:inherit;padding-bottom:0;padding-top:40px;margin-top:0}
#subscriber-thanks{display:none;float:left;width:94%;background:#fff;padding:3%}
#subscriber-thanks p{font:20px/1.2 slatemed}
#blog-terms{font:13px/1.4 slatelite;margin-bottom:15px}

/*------------------------- BLOG POST PAGE --------------------------------*/
.post-content{margin-top:127px;min-height:1750px}
#blog-pagination{float:left;border-bottom:1px solid #eee;width:100%;margin-bottom:25px}
#back-to-blogs{float:left;font:18px slatemed;margin-bottom:15px}
#back-to-blogs i{margin-right:5px;font-size:15px}
#blog-nav{float:right;padding-top:3px}
#blog-nav li{float:left;font-size:15px}
#blog-nav li:first-child{margin-right:20px}
#blog-nav li:first-child i{margin-right:3px;font-size:12px}
#blog-nav li:last-child i{margin-left:3px;font-size:12px}
#blog-nav li a{color:#7d868c}
#blog-nav li a:hover{color:#0c3c61}
#blog-nav .dimmed{color:#ddd;cursor:default}
#blog-nav .dimmed:hover{color:#ddd}
#post-article h1{margin-top:30px;clear:both}
#post-article h2{font-size:15px;margin:15px 0 15px 0;padding-top:0}
#post-article h2 em{font-family:robotomed;color:#0c3c61}
#post-date{margin-top:20px;font-size:18px;color:#0c3c61}
#post-article .fa-calendar-o{margin-right:10px;font-size:20px}
#post-article .img-right{margin:10px 0 15px 0;padding-left:5%}
#post-article .btn{display:inline-block;padding:10px;margin-bottom:2%}
#social-post{float:left;width:100%;margin:25px 0 25px 0}
#social-post li{float:left;margin-right:10px;font-size:18px}
#social-post .fa{font-size:22px}
#social-post .fa-linkedin{color:#007aba}
#social-post .fa-twitter{color:#3face2}
#social-post .fa-facebook{color:#325a9d}
#sharecnt{margin-left:12px;padding-top:5px}
#sharecnt span{font-family:slatebold;margin-right:10px}
#twitter-feed{float:left;max-height:1250px;overflow:hidden}
.timeline-TweetList-tweet{margin-bottom:20px}
#docs .post-doc-section #subscribe-title{padding-top:25px}
.press-body{margin-bottom:3%}
.press-body .post-subheading{font:19px robotobold}
.press-body h4{float:none}
.press-body ol{margin-left:20px}
.press-body p{font-size:17px}
.press-body .fa-quote-left, .press-body .fa-quote-right{color:#c8c7c5}
#post-article .img-r-50{width:55%;margin-bottom:5px}
#post-article .center-img{width:80%;margin:0 auto}
#reaction-diagram{float:left;width:100%;float:left;padding:20px 0;overflow:hidden}
#reactionGraph{float:left;width:75%;padding-right:5%;text-align:center;position:relative;min-width:580px}
#reactionGraph h3{font:20px robotomed;margin:0 0 15px 0}
#reactionGraph h3 em{display:block;font:17px robotolite}
#reactionGraph canvas{margin:30px 0 25px 0}
#reactionGraph ul{position:absolute;bottom:0;right:0;width:32%}
#reactionGraph li{float:left;font-family:slatebold;color:#282828}
#reaction-graph-legend ul{float:right;width:20%;margin-top:20%}
#reaction-graph-legend li{font:16px slatemed;margin-bottom:20px}
#reaction-graph-legend li i{margin-right:5px}
#reaction-graph-legend li:first-child i{color:#90ad49}
#reaction-graph-legend li:nth-child(2) i{color:#c64c42}
#reaction-graph-legend li:last-child i{color:#3d7ab4}

#blog-tags{float:left;width:100%;margin:3% 0 2% 0}
#blog-tags ul{float:left}
#blog-tags li{float:left;margin-right:7px;background:#f7f7f7;padding:5px 8px;font:17px/1.3 slatemed}
#blog-tags .tag-heading{background:#fff;font:17px robotolite;padding:3px 0 5px 0}

#add-comment{font-size:17px;border-top:1px solid #ddd;padding-top:25px}
#comment-form{width:100%}
#comment-form fieldset{float:left;border:0;width:100%}
#comment-form textarea{width:98%;border:1px solid #ddd;border-radius:0;height:100px;padding:10px 1%;font-size:18px}
#comment-form .btn{padding:10px;border:0;width:130px;font-size:14px;margin-bottom:10px}

#comments-list{margin:0px 0 7% 0}
.left-paragraph #leave-reply{margin:0 0 10px 0}
#comments-list .comment-box{background:#f7f7f7;width:96%;padding:25px 2% 15px 2%;margin:20px 0 10px 0;border-radius:1px;position:relative;float:left;}
.left-paragraph #comments-list h4{font:16px slatereg;margin-bottom:10px}
#comments-list h4{padding:0}
#comments-list h4 em{color:#0c3c61;font-family:slatebold}
#comments-list .comment-tools{position:absolute;top:15px;right:2%}
#comments-list .under-review{float:left;margin-right:20px;color:#df792d}
#comments-list a{float:left;margin-right:20px}
#comments-list form{float:left;font-size:15px}
#comments-list .edit-icon i{color:#000;font-size:18px;cursor:pointer}
#comments-list .del-btn{color:#ab162f;border:0;font-size:18px;background-image:url(../img/blog/trash-can.png);cursor:pointer;margin-top:-1px;width:15px;height:17px}
#comments-list .edit-comment{width:100%}
#comments-list textarea{float:left;width:97%;border:1px solid #ddd;border-radius:0;height:100px;padding:10px 1.5%;font-size:16px;margin-bottom:10px}
#comments-list .edit-comment .btn{float:left;font:14px robotomed;border:1px solid #0c3c61;padding-top:3px;margin:0 15px 10px 0}
.edit-comment .cancel-btn{float:left;font-size:17px;padding-top:3px}
#comments-list p{font-size:16px}

/*------------------------- UPCOMING EVENTS PAGE --------------------------*/
#upcoming-events-hero{background-image:url(../img/news-events/visual-events5.jpg)}
#events-heading{border-bottom:10px solid #eee;padding-bottom:10px}
#past-events{position:absolute;right:10%;top:48px;font:20px slatemed;text-transform:uppercase;color:#7d868c}
#past-events .fa-clock-o{font-size:18px}
#past-events i{margin-right:8px}
#events-list{float:left;width:90%;margin:20px 0 25% 0;padding-bottom:20px}
.event-date{font:17px robotomed;color:#282828;margin-top:10px}
.event-section{float:left;width:100%;padding:3% 0 5% 0;border-bottom:3px solid #e7e7e7}
.event-section:last-child{border:0}
.event-left{float:left;width:34%;text-align:center}
.event-thmb{position:relative;width:100%;border-top:2px solid #eee;border-bottom:2px solid #eee}
.event-thmb:before, .event-thmb:after{position:absolute;content:"";width:2px;height:100%;top:0;background:#eee}
.event-thmb:before{left:0}
.event-thmb:after{right:0}
.event-info{float:left;width:58%;padding:0 4% 0 4%}
.event-section h4{font:22px/1.2 robotobold;color:#282828;margin-bottom:5px}
.event-section h5{font:17px slatemed;margin-bottom:10px;color:#7d868c}
.event-location{font:18px slatebold;margin-bottom:25px}
.event-location span{font-family:slatereg}
.event-location span:first-child{margin:0 7px}
.event-url{background:#009add;color:#fff;display:inline-block;padding:9px 12px 7px 12px;border:1px solid #009add;font: 16px slatemed}
.event-url:hover{background:transparent;color:#009add}
.event-booth{font:22px robotomed;color:#0c3c61;margin-top:15px}
.hashtag{margin-top:10px}
.hashtag a{font:16px/1 slatelite;color:#26aff4}
.event-left .fa{margin-right:8px}
#events-list .fa-external-link{margin-right:3px;font-size:16px}
#events-list .fa-twitter{font-size:20px;margin-right:0}

.event-tutorial-wrap{position:relative;margin-bottom:6%}
.event-tutorial-wrap:last-child{margin-bottom:0}
.event_sub_location{margin:5px 0 10px 0;font:16px slatelite}
.event-body-title{font:18px slatemed;padding-top:10px;margin:15px 0 7px 0;border-top:1px solid #eee}
.down-wrap{position:absolute;left:-65%;top:10%;width:53%;height:40px;text-align:center}
.down-wrap a{border:1px solid #7d868c;display:inline-block;
  position:absolute;
  top:0;
  right:0;
  bottom:0;
  left:9.5%;
  margin:auto;
  width:130px;
  height:15px;
  padding:10px 0 10px 0
}

.slas2018-title{font:20px slatebold;color:#282828;border:0;padding-top:0;margin-top:10px}
.event-sub-date{color:#282828;font:19px robotobold;margin:20px 0 10px 0}
.slas2018-sub-date{color:#58595b;font:18px slatemed;border-top:1px solid #eee;padding-top:10px;margin:15px 0 0 0}

.event-presentation-title{margin-bottom:10px;font-size:15px;line-height:1.4;font-family:robotomed;color:#282828}
.speakers{font:14px robotomed;margin:15px 0 5px 0;padding:0;color:#103c5d}
#left-content .event-speaker, #event-body .event-speaker{margin:0 0 3px 0;font:16px robotobold;color:#282828}
.speaker-title{font-family:robotoreg;line-height:1.3;margin-bottom:20px}
.speaker-bio{font:15px/1.3 slatereg;margin:-10px 0 25px 0}
.speaker-bio .line-break{margin-top:3px}
#event-info b, #event-body b{font-family:slatemed}
#event-body .speaker-bio b{font:14px robotomed}
#mktoForm_1292{width:100%;height:620px}
#marketo-wrap form{margin-bottom:15px}
.event-presentation-title{font-size:17px}
.long-title{font-size:17px}
.long-title:hover{color:#009add}
.sub-time{font-family:robotomed;color:#58595b}
.event-sub-date .fa{margin-right:5px}
.event-page-body{font:15px/1.4 slatereg;margin-top:20px;padding-top:20px;border-top:1px solid #eee}

/*------------------------- SINGLE EVENT PAGE --------------------------*/
#event-heading{margin:120px 0 35px 0}
#single-event-thmb{position:relative;float:left;width:25%;margin-right:5%;border-top:2px solid #eee;border-bottom:2px solid #eee}
#single-event-thmb:before, #single-event-thmb:after{position:absolute;content:"";width:2px;height:100%;top:0;background:#eee}
#single-event-thmb:before{left:0}
#single-event-thmb:after{right:0}

#single-event-desc{float:left;width:70%}
#event-info{background:#e8e9ea;padding:.5% 0 1.5% 0}
#event-heading h1{margin:0;padding:0;width:100%;font:28px robotomed;color:#282828}
#event-heading h3{font-size:20px;margin:10px 0 15px 0;color:#11233f}
#single-event-desc h4{
font:20px/1.2 slatemed;
margin:0 0 25px 0;
color:#7d868c;
padding:0;
}
#single-event-desc p{font:23px robotoreg;margin-bottom:10px}
#conf-url{font:16px slatebold;color:#007298}

#event-body{float:left;margin-top:20px}
#event-body .event-tutorial-wrap{margin:3% 0}
#event-body .event-tutorial-wrap:first-child{margin-top:5%}
#event-body .event-body-title{margin-bottom:10px;color:#282828;font:19px robotomed}
#event-body .slas2018-sub-date{border-top:1px solid #ddd;padding-top:20px}
#event-body .event-presentation-title{margin-bottom:20px;font-size:18px;font-family:slatelite}
#event-body .down-wrap{position:relative;left:0;top:0;float:left;margin-top:-36px}
#event-body .down-wrap a{left:0;margin:0}

.event-time{padding:0;font:20px slatemed}
.event-sub-location{font:18px slatereg}
.event-topic, .event-speaker{font:16px slatelite}

#event-location{
 position:relative;
 padding:2% 0;
 margin-bottom:3%;
 background:#f6f7f7
}

#map{
position:relative;
float:left;
padding:0;
width:50%;
height:400px
}

#event-address{
float:left;
width:47%;
padding:6% 0 0 3%
}

#event-address h4{font:20px robotomed;margin-bottom:10px}
#event-address ul{float:left}

#event-address li{
 font:18px slatemed;
 margin-bottom:0;
 color:#7d868c
}

#event-address .venue{color:#282828;font-size:20px;margin-bottom:5px}

#hashtag{margin-top:5px}
#hashtag a{color:#26aff4}

#location-wrap:before, #location-wrap:after{position:absolute;content:"";height:12px;top:0}
#location-wrap:before{width:8%;left:87.5%;background:#0b3c61}
#location-wrap:after{width:4%;right:0;background:#7d868c}

/*------------------------- PRESS RELEASES and IN THE NEWS -----------------------------*/
#press-hero{background-image:url(../img/news-events/visual-press-release4.jpg)}
#press-list{margin-bottom:100px;min-height:500px}
#press-list .pagination{margin-top:20px}
#press-list h3{font:36px slatemed;color:#0c3c61;margin:20px 0}
#press-tabs{float:left;padding-top:5px}
#press-tabs li{float:left}
#press-tabs a{float:left;font-family:robotomed;padding:7px 10px;margin:10px 8px 0 0;color:#fff;background:#7d868c;border-radius:1px}
#press-tabs a:hover{background:#0c3c61}
#press-tabs .is-active{background:#0c3c61}
#press-wrap{float:left;padding-top:40px;border-top:10px solid #eee}
.press-section{margin-bottom:30px;width:100%}
.press-left-col{float:left;width:15%}
.press-left-col p{font:16px robotomed;color:#0c3c61}
.press-right-col{float:right;width:81%;padding:0 2%}
.press-right-col a{display:block;float:left}
.press-title{margin-bottom:8px;font:18px/1.3 slatebold;color:#282828;width:100%;}
.press-text{font:16px/1.4 slatereg}

#press-heading h3{margin-bottom:10px}
#press-heading h4{font:22px/1.3 slatelite;margin-bottom:20px}
#press-heading h5{font:16px/1.2 slatebold;color:#0c3c61}
#press-date{margin-bottom:8px}
#press-location{margin-bottom:20px}
#press-heading p{margin-bottom:10px}
#press-share{float:left;width:100%;margin:120px 0 40px 0}
#press-print{float:left;font:20px/3 slatereg}
#press-print i{margin-right:5px}
#press-share ul{float:right}
#press-share li{float:left;margin-right:5px;color:#fff}
#press-share li:first-child{background:#006a9a}
#press-share li:nth-child(2){background:#54abed}
#press-share li:last-child{background:#3c5b9a}
#press-share li .fa{margin-right:12px;font-size:16px}
#press-share li a{float:left;padding:10px;color:#fff}

#press-article h1, #post-article h1{font:25px/1.3 robotomed;color:#282828;margin-bottom:10px}
#post-article h1{font-size:30px}
.press-detail-content{min-height:730px;margin-bottom:5%}
.press-detail-content h3{margin-top:0}

.press-body p{padding-bottom:10px}
.press-sub-text{margin-top:10px}
.press-body .body-subheading{font:18px/1.2 slatebold;padding-bottom:0;margin-top:20px}
.press-body .highlight{font-family:slatebold}
.press-body ul{margin-bottom:20px}
.press-body .list-heading{font-family:slatebold}
.press-body li{margin-bottom:5px;font:16px/1.6 slatereg}
.press-body .pr-list li{margin-bottom:0}

#news-hero{background-image:url(../img/news-events/visual-in-news.jpg)}
#news-hero h1{color:#fff}
.media-content{min-height:730px}

/*------------------------- IN THE COMMUNITY --------------------------*/
#community-hero{background-image:url(../img/news-events/visual-community2.jpg)}
#sign-up-newsletter{margin:30px 0 25px 0}
#sign-up-newsletter a{color:#0c3c61;font-family:slatebold}
a#news-enevelope{font:26px slatebold;color:#282828}
#news-enevelope i{margin-right:10px;font-size:35px;color:#0c3c61}
#sign-up-text{margin-top:10px}
#share-story{margin-top:20px;padding-bottom:5px;font:26px slatereg;color:#b3c935}
#social-section{float:left;margin:35px 0 300px 0}
#social-section h4{font-family:slatebold;color:#282828;margin-bottom:10px}
#social-section p{margin-bottom:20px}
.social-title{font:20px slatebold;color:#0c3c61}
#social-section .fa{font-size:88px;color:#0c3c61}
#social-section .press-left-col{width:12%}
#social-section .press-right-col{width:84%;padding-top:8px}
#twitter-feed{float:left;width:95%;padding:10px 2.5%;background:#e0e0e0}

/*///////////////////////////////////////////////////////////////////////
------------------------------- RESIZE ----------------------------------
////////////////////////////////////////////////////////////////////////*/

@media all and (max-width: 1380px){
#event-info, #event-location{
   padding-left:3%;
   padding-right:3%;
   width:94%
 }
}

@media all and (max-width: 1235px){
#reactionGraph{float:left;width:100%;padding-right:0}
#reaction-graph-legend ul{float:none;width:42%;margin:0 auto;min-width:315px}
#reaction-graph-legend li{font:16px slatemed;margin-bottom:20px;margin-right:10px;float:left}
.long-title{white-space:normal}
}

@media all and (max-width: 1195px){
 .press-left-col{width:18%}
 .press-right-col{width:78%}
 #event-heading{margin:70px 0 2.5% 0}
 #single-event-thmb{width:30%}
 #single-event-desc{width:65%}
 #event-heading h2{font-size:27px}
 #event-heading h3{font-size:19px}
 #single-event-desc h4{font-size:20px}
 #single-event-desc p{font-size:22px}
 #conf-url{font-size:15px}
 #map{width:55%}
 #event-address{width:42%}
}

@media all and (max-width: 1024px){
  #past-events{right:0}
  #events-list, #press-list, #social-section{width:100%;margin-bottom:3%}
  #marketo-wrap{height:100%}
  .press-left-col{width:15%}
  .press-right-col{width:81%}
  .blog-docs .short-column{width:48.5%;min-width:200px}
  #events-address{height:75px}
  #blog-list{;min-height:auto}
  .blog-docs .docs-section{height:200px}
  #subscribe-wrap{padding-top:20px;height:300px}
  .press-detail-content, .post-content{min-height:auto}
  .press-docs .docs-section{height:90px}
  #news-address-docs .docs-section{height:100px}
  .press-detail-docs .docs-section{height:100px}
  #press-contact .docs-section{height:40px}
  #twitter-feed{padding:20px 2%;width:92.5%}
  .post-docs .short-column{width:48.5%}
  .post-docs .short-column .docs-section, .post-docs #twitter-feed{width:91%;padding:10px 4% 5.5% 4%}
  .post-docs #twitter-feed{padding-top:30px}
  #docs .post-doc-section h4{margin-right:1%;width:90.2%;padding:1.9% 4.5%;min-width:170px}
  #reactionGraph{max-width:750px;min-width:710px}
}

@media all and (max-width: 950px){
 #map{width:60%}
 #event-address{width:37%}
 .press-detail-docs .company-address{height:95px}
}

@media all and (max-width: 860px){
 #social-section .press-left-col{width:15%}
 #social-section .fa{font-size:92px}
 #social-section .press-right-col{width:81%}
}

@media all and (max-width: 845px){
.hero-section{height:auto}
#left-hero-content{margin-top:22%}
.hero-section section{margin:15% 0 21% 0}
 #single-event-thmb{width:40%;margin-right:0;min-width:310px}
 #single-event-desc{width:100%;margin-top:25px}
 #event-heading h2{font-size:26px}
 #event-heading h3{font-size:18px}
 #map{width:100%;margin-top:170px}
 #event-location{margin-bottom:8%}
 #event-address{width:100%;position:absolute;left:0;top:20px;padding:0}
}

@media all and (max-width: 800px){
.event-left{width:40%}
.event-info{width:52%}
.event-section h4{font-size:22px}
.event-location{font-size:16px}
.event-url{font-size:16px}
.hashtag a{font-size:14px}
#events-list .fa-external-link{font-size:13px}
#events-list .fa-twitter{font-size:18px}
.press-left-col{width:18%}
.press-right-col{width:78%}
}

@media all and (max-width: 736px){
  #blog-list article{width:100%;margin:0 0 30px 0;height:100%;padding-bottom:15px}
  #blog-list .smooth-hover, #blog-list ul{position:relative;left:0;bottom:0;font-size:19px}
  .article-body{margin-bottom:30px}
  #blog-list .smooth-hover{float:left}
  #blog-list ul{float:right}
  .article-body{margin-bottom:25px}
  .press-left-col{width:20%}
  .press-right-col{width:76%}
  #upcoming-events-hero h1, #upcoming-events-hero p{opacity:0}
}

@media all and (max-width: 620px){
  .press-section{padding-bottom:10px;border-bottom:1px solid #eee}
  .press-left-col{width:100%}
  .press-left-col p{margin-bottom:10px}
  .press-right-col{width:100%;padding:0}
  .col2-full .docs-section{padding-bottom:7%}
  #post-article .img-right{float:left;width:100%;margin-bottom:3%;padding-left:0}
  #post-article .p-text-left{float:left;width:100%}
  #post-article .btn{margin-bottom:5%}
  .blog-docs .short-column, .post-docs .short-column{width:97.3%}
  .blog-docs .docs-section, .post-docs .short-column .docs-section{height:100%}
   #social-section .fa{font-size:88px}
   #marketo-wrap{height:100%}
}

@media all and (max-width: 540px){
  .event-left{width:100%}
  .event-info{width:100%;height:100%;padding:5% 0 2% 0;text-align:center;background:#eee}
  .event-date{margin-bottom:10px}
  #social-section .press-left-col{width:15%;margin-right:5%}
  #social-section .fa{font-size:88px}
  #social-section .press-right-col{width:76%}
}

@media all and (max-width: 420px){
 #events-heading{padding-bottom:40px}
 #past-events{right:0;top:80px;left:0}
}

@media all and (max-width: 350px){
#single-event-thmb{width:100%;min-width:auto}
}