/* reusable styles */
.mt-10 {margin-top:  10px; }
.mt-15 {margin-top:  15px; }
.mt-20 {margin-top:  20px; }
.mt-25 {margin-top:  25px; }
.mt-30 {margin-top:  30px; }
.mt-40 {margin-top:  40px; }
.mt-50 {margin-top:  50px; }
.mt-60 {margin-top:  60px; }
.mt-75 {margin-top:  75px; }
.mt-80 {margin-top:  80px; }
.mt-100 {margin-top: 100px; }

.visually-hidden {position:absolute; left: -1000px; top: auto; width: 1px; height: 1px; overflow:hidden;}
.dropdown-toggle span {display: inline-block;}

.mobile {display: none; }
iframe {border:none; }

/* Header - Navigation */
#transparentheader #navbar.navbar {top: 0; background-color:rgba(27,60,105,0.16); backdrop-filter: blur(20px);}
#transparentheader #navbar.navbar nav .container li a {color:#fff;}
#transparentheader #navbar.navbar nav .container li ul.dropdown-menu li a {color:#000!important; }
#transparentheader #navbar.navbar.scrolled {background-color: #00093E;}
#transparentheader #block-block-23 .btn-primary {border:2px solid #C5E5FF!important; background: #C5E5FF!important; color: #000; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0}
#transparentheader #block-block-23 .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 14px; text-transform: uppercase; padding: 4px 8px; font-weight: 700; border-radius: 0; }

#navbar.navbar nav .container ul {position: relative; top: 1px; }
.navbar-header {margin-top: 20px; }

/*footer*/
#footer {padding-top: 2%; padding-bottom: 2%; background: #1B3C69; }
#footer p {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; }
#footer .links {float:left; margin-top: 5%; margin-left: -15px; }
#footer .social {float:right; }
#footer .links {color:#fff;}
#footer .links a {font-size: 14px; color:#fff; text-align: center; font-weight: 500; font-family: 'proxima-nova'; text-decoration: underline; }
#footer .fineprint p {text-align: left; }

/* Announcement Banner */
#announcement {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-atwbanner-bg_1776354417225001Kerr.jpg) no-repeat top center / cover #ffffff; text-align: center; position: relative; top: 100px; z-index: 6; height: 66px; }
#announcement .message {color:#1B3C69; font-size: 18px; line-height: 28px; font-weight: 700; font-family: 'proxima-nova'; text-transform: none; text-align: center; position: relative; top: 19px; }


/* Tell Me More */
#more {padding-top: 2%; padding-bottom: 2%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-tellmemore-bg_1776370760593001tqBp.jpg) no-repeat top center / cover;}
#more h2 {font-size:  56px; line-height:  64px; color:  #fff;; font-weight:  600; text-transform: capitalize; font-family: 'oswald'; letter-spacing: -1.12px;}
#more .title {text-align: right; margin-right: 20px; margin-top: 14%; }
#more .card {margin-top: -12%; margin-left: 8%;  }
#more .card p {font-size:  18px; font-weight:  400; line-height:  24px; color:  #fff; text-align:  left; font-family: 'proxima-nova';}
#more .cta {margin-top: 40px; }
#more .btn-cta {background-color: #C5E5FF!important; color: #00093E; padding: 8px 24px; font-weight: 700; text-transform:  uppercase; font-size:  18px; font-family: 'proxima-nova'; border-radius: 999px; }
#more .disclaimer {font-family: 'proxima-nova'; font-size: 10px; font-weight: 500; line-height: normal; color:#fff;width: 75%; position: relative; top: -44px; left: 25%; }
#more .divider {position: relative; top: 45px; }


/* Home */
#home-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-home-hero-bg_1776093416283001zHJx.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;}
#home-hero .hero-card {margin-top: 35%; }
#home-hero .img-card {margin-top: 55%; }
#home-hero .homehero h1 {font-size:  56px; line-height:  72px; color:  #fff; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -1.12px; width: 90%; }
#home-hero .homehero h4 {font-size:  20px; line-height:  28px; color:  #fff; font-weight:  700; text-transform: none; font-family: 'proxima-nova';}
#home-hero .homehero .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 999px;}
#home-hero .homehero .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-left: 15px; border-radius: 999px;}
#home-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} 

#video-hero {position: relative; height: auto; margin-top: -120px; padding-bottom: 31%; background:#000547;}
/* Base video styles */
#video-hero video {position: absolute;top: 50%;left: 50%;width: 100%;height: 100%;object-fit: cover;transform: translate(-50%, -50%);}
/* Background loop video */
#video-hero #loopvideo {z-index: 1;}
/* Intro video on top */
#video-hero #introvideo {z-index: 2;transition: opacity 1s ease;}
/* Fade out */
#video-hero #introvideo.fade-out {opacity: 0;pointer-events: none;}
/* Content */
#video-hero .hero-content {position: relative;z-index: 3;color: #fff;opacity: 0;transition: opacity 1s ease;height: 100%;}
/* Show content */
#video-hero.show-content .hero-content {opacity: 1;}
#video-hero .hero-card {position: relative; top: 324px; left: 23%; width: 80%;}
#video-hero .hero-card h1 {font-size:  40px; line-height:  1.2; color:  #fff; font-weight:  500; text-transform: none; font-family: 'oswald';}
#video-hero .hero-card h4 {font-size:  24px; line-height:  1.3; color:  #fff; font-weight:  500; text-transform: none; font-family: 'oswald';}
#video-hero .hero-card p {font-size:  20px; line-height:  1.4; color:  #fff; font-weight:  400; text-transform: none; font-family: 'proxima-nova';}
#video-hero .hero-card .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 16px; text-transform: uppercase; padding: 10px 24px; font-weight: 700;}
#video-hero .hero-card .cta-btn-ghost {border:2px solid #C5E5FF; background: transparent; color: #C5E5FF; font-size: 16px; text-transform: uppercase; padding: 10px 24px; font-weight: 700; margin-left: 15px;}
#video-hero .hero-card .cta {text-align: left; display: inline-block; margin-top: 60px;} 

#atw {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-atw-bg_1776358712699001Lehn.jpg) no-repeat top center / cover #ffffff;}
    #atw .title {text-align: center;}
    #atw h2 {font-size: 40px; line-height: 48px; font-weight: 400; font-family: 'oswald'; color: #fff; text-transform: none; letter-spacing: -0.8px;}
    #atw h3 {font-size: 32px; line-height: 40px; font-weight: 400; font-family: 'oswald'; color: #fff; text-transform: none; letter-spacing: -0.64px;}
    #atw h4 {font-size: 22px; line-height: 30px; font-weight: 400; font-family: 'oswald'; color: #fff; text-transform: none; letter-spacing: -0.44px;}
    #atw p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova'; min-height: 130px; }
    #atw .card {width: 90%;}
    #atw .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 16px; text-transform: uppercase; padding: 8px 12px; font-weight: 700; border-radius: 999px;}
    #atw .cta {margin-top: 30px;}

#workperform {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-whereworkforce-bg_1776362887594001tJBA.jpg) no-repeat top center / cover #ffffff;}
    #workperform .title {text-align: center;}
	#workperform h2 {font-size: 40px; line-height: 48px; color: #000; font-weight:  500; text-transform: none; font-family: 'oswald'; letter-spacing: -0.8px}
    #workperform h3 {font-size:  32px; line-height:  40px; color:  #000; font-weight:  500; text-transform: none; font-family: 'oswald';}
    #workperform h4 {font-size:  22px; line-height:  30px; color:  #3481FF; font-weight:  500; text-transform: none; font-family: 'oswald'; letter-spacing: -0.44px;}
    #workperform p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}
    #workperform .card h2 {font-size: 40px; line-height: 48px; color: #000; font-weight:  400; text-transform: none; font-family: 'oswald';}
    #workperform .icontext {font-size: 18px; line-height: 28px; color: #1B3C69; font-weight: 800; text-transform: none; font-family: 'proxima-nova';}
    #workperform .cta-btn-ghost {border:2px solid #002FA8; background: transparent; color: #002FA8; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;}
    #workperform .a-img img {width: 100%; }
    #workperform .center {text-align: center;}
    #workperform .a-title h2 {font-size: 40px; line-height: 48px; color: #000; font-weight:  400; text-transform: none; font-family: 'oswald';}
     #workperform .a-title h4 {font-size:  22px; line-height:  30px; color:  #000; font-weight:  500; text-transform: none; font-family: 'oswald'; letter-spacing: -0.44px;}

#results {padding-top: 5%; padding-bottom: 5%; background: linear-gradient(0deg, rgba(197, 229, 255, 0.40) 0%, rgba(197, 229, 255, 0.40) 100%), #FFF;}
    #results .title {text-align: center;}
    #results h2 {font-size:  40px; line-height:  48px; color:  #000; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -0.8px;}
    #results h3 {font-size:  32px; line-height:  40px; color:  #0075B8; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -0.64px;}
    #results h4 {font-size:  22px; line-height:  30px; color:  #000; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -0.44px;}
    #results p {font-size:  12px; line-height:  18px; color:  #1B3C69; font-weight:  500; text-transform: none; font-family: 'proxima-nova';}
    #results .card {padding: 32px; }
    #results .faster {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-results-faster-bg_1776369727497001a5oD.jpg) no-repeat top center / cover #ffffff; height: 240px;}
    #results .higher {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-results-higher-bg_1776369727428001aOZb.jpg) no-repeat top center / cover #ffffff; height: 240px;}
    #results .stronger {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-results-stronger-bg_1776369727371001aKp4.jpg) no-repeat top center / cover #ffffff; height: 240px;}
    #results .reduced {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-results-reduced-bg_1776369727298001a61B.jpg) no-repeat top center / cover #ffffff; height: 240px;}
    #results .icon {margin-left: -45px; margin-top: -31px; }
    #results .content {margin-top: 15%;}

#letsgo {padding-top: 5%; padding-bottom: 25%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-home-letsgo-bg_1776370760842001tHou.jpg) no-repeat top center / cover #ffffff; height: 400px; }
    #letsgo .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight:  500; text-transform: none; font-family: 'oswald';}
    #letsgo .cta-btn-ghost {border:2px solid #fff; background: transparent; color: #fff; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 999px;}
    #letsgo .cta {margin-top: 40px; }
    #letsgo .card {margin-top: 25%; }

#theplace {padding-top: 5%; padding-bottom: 25%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-home-venue-bg_1776370760700001txUq.jpg) no-repeat top center / cover #ffffff; height: 400px; }
    #theplace .card {margin-left: 10%; margin-top: 20%; }
    #theplace .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight:  500; text-transform: none; font-family: 'oswald';}
    #theplace .card h4 {font-size: 24px; line-height: 32px; color: #fff; font-weight: 500; text-transform: none; font-family: 'oswald';}

/* Hotel/Venue */
#hotel-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-hotel-hero-bg_1776430037246001ybOc.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;}
#hotel-hero .hero-card {margin-top: 70%; }
#hotel-hero .homehero h1 {font-size:  56px; line-height:  64px; color:  #fff; font-weight:  600; text-transform: none; font-family: 'oswald';}
#hotel-hero .homehero h4 {font-size:  24px; line-height:  32px; color:  #fff; font-weight:  500; text-transform: none; font-family: 'oswald';}
#hotel-hero .homehero p {font-size:  20px; line-height:  28px; color:  #fff; font-weight:  400; text-transform: none; font-family: 'proxima-nova';}
#hotel-hero .homehero .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 999px;}
#hotel-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;} 

#venueinfo {padding-top: 5%; padding-bottom: 5%; margin-top: -5%;}
#venueinfo h2 {font-size: 40px; line-height: 48px; color:#000; font-family: 'oswald'; font-weight: 500;}
#venueinfo p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; }
#venueinfo .cta-btn-ghost {border: 2px solid #00093E; background: transparent; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; }
#venueinfo .v-img img {width: 100%;}

#embark {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-hotel-embark-bg_1776430037134001yVxL.jpg) no-repeat top center / cover #ffffff;}
#embark h2 {font-size: 40px; line-height: 48px; color:#fff; font-family: 'oswald'; font-weight: 500;}
#embark h4 {font-size: 24px; line-height: 32px; color:#0561F8; font-family: 'oswald'; font-weight: 500;}
#embark p {font-size: 18px; line-height: 26px; font-weight: 700; font-family: 'proxima-nova'; color: #fff; }

#travelinfo {padding-top: 5%; padding-bottom: 5%; background: #ffffff;}
    #travelinfo .title {text-align: center;}
    #travelinfo h2 {font-size:  40px; line-height:  48px; color:  #000; font-weight:  500; text-transform: none; font-family: 'oswald';}
    #travelinfo h4 {font-size:  22px; line-height:  30px; color:  #3481FF; font-weight:  500; text-transform: none; font-family: 'oswald';}
    #travelinfo p {font-size: 18px; line-height: 28px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}

#thingstodo {padding-top: 5%; padding-bottom: 5%; background: #00093E;}
    #thingstodo .title {text-align: center;}
    #thingstodo h2 {font-size:  40px; line-height:  48px; color:  #fff; font-weight:  500; text-transform: none; font-family: 'oswald';}
    #thingstodo p {font-size: 18px; line-height: 28px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}
    #thingstodo .img {width: 100%;}
    #thingstodo a {color:#fff; text-decoration: underline;}
   #thingstodo .center {text-align: center; margin-left: auto; margin-right: auto; }

/* Event Policies */
#eventpolicies-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-event-policies-hero-bg_1776432505897001r6ge.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;}
#eventpolicies-hero .hero-card {margin-top: 70%; }
#eventpolicies-hero .homehero h1 {font-size:  56px; line-height:  64px; color:  #fff; font-weight:  600; text-transform: none; font-family: 'oswald';}
#eventpolicies-hero .homehero h4 {font-size:  24px; line-height:  32px; color:  #fff; font-weight:  500; text-transform: none; font-family: 'oswald';}
#eventpolicies-hero .homehero p {font-size:  20px; line-height:  28px; color:  #fff; font-weight:  400; text-transform: none; font-family: 'proxima-nova';}
#eventpolicies-hero .homehero .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;}
#eventpolicies-hero .homehero .cta {text-align: left; display: inline-block; margin-top: 60px;}

#policy {padding-top: 5%; padding-bottom: 5%; margin-top: -5%; }
#policy h2 {font-size:  40px; line-height:  48px; color:  #000; font-weight:  500; text-transform: none; font-family: 'oswald';}
#policy h3 {font-size:  32px; line-height:  40px; color:  #000; font-weight:  500; text-transform: none; font-family: 'oswald';}
#policy p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}
#policy ul li {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}
#policy .disclaimer {font-size: 14px; line-height: 22px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}

/* Rates */
#rates-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-rates-hero-bg_1776951478444001ivsM.jpg) no-repeat top center / cover #ffffff; height: 750px; top: -65px;}
#rates-hero .hero-card {margin-top: 60%; }
#rates-hero .homehero h1 {font-size:  56px; line-height:  64px; color:  #fff; font-weight:  600; text-transform: none; font-family: 'oswald'; letter-spacing: -1.12px;}
#rates-hero .homehero h2 {font-size:  32px; line-height:  40px; color:  #fff; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -0.64px}
#rates-hero .homehero h4 {font-size:  24px; line-height:  32px; color:  #fff; font-weight:  500; text-transform: none; font-family: 'oswald';}
#rates-hero .homehero p {font-size:  20px; line-height:  28px; color:  #fff; font-weight:  400; text-transform: none; font-family: 'proxima-nova';}

#groupreg {padding-top: 5%; padding-bottom: 5%; margin-top: -5%;}
#groupreg h2 {font-size: 40px; line-height: 48px; color:#000; font-family: 'oswald'; font-weight: 400; letter-spacing: -0.8px;}
#groupreg p {font-size: 18px; line-height: 26px; font-weight: 400; font-family: 'proxima-nova'; color: #000; }
#groupreg .cta-btn-ghost {border: 2px solid #1B3C69; background: transparent; color: #1B3C69; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; }
#groupreg .g-img img {width: 100%;}


/* Shared Experience */
#sharedexp-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-shared-exp-hero-bg-2_1777665303994001fbg4.png) no-repeat top center / cover #ffffff; height: 750px; top: -90px;}
#sharedexp-hero .hero-card {margin-top: 60%; }
#sharedexp-hero .homehero h1 {font-size:  56px; line-height:  64px; color:  #fff; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -1.12px;}

#moreto {padding-top: 5%; padding-bottom: 5%; background: #ffffff; margin-top: -5%; }
    #moreto h2 {font-size: 40px; line-height: 48px; color: #000; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -0.8px}
    #moreto p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}
    #moreto img {width: 100%;}

#stepinto {padding-top: 5%; padding-bottom: 5%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-shared-exp-nashville-bg_1776797993801001j3Mo.jpg) no-repeat top center / cover #ffffff;}
    #stepinto .card {width: 80%;}
    #stepinto .card h2 {font-size: 40px; line-height: 48px; color: #fff; font-weight:  800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px;}
    #stepinto .card h4 {font-size: 22px; line-height: 30px; color: #C5E5FF; font-weight: 800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;}
    #stepinto .card p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 700; text-transform: none; font-family: 'proxima-nova';}

/* ATW Blueprint */
#blueprint-hero {position: relative; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-generic-hero-bg_1777396695366001UGF1.jpg) no-repeat top center / cover #ffffff; height: 550px; top: -90px;}
#blueprint-hero .hero-card {margin-top: 45%; }
#blueprint-hero .homehero h1 {font-size:  56px; line-height:  64px; color:  #fff; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -1.12px;}

#bluestrat {padding-top: 5%; padding-bottom: 5%; background: #ffffff; margin-top: -5%; }
    #bluestrat h2 {font-size: 40px; line-height: 48px; color: #000; font-weight:  400; text-transform: none; font-family: 'oswald'; letter-spacing: -0.8px}
    #bluestrat p {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}
    #bluestrat ul li {font-size: 18px; line-height: 26px; color: #000; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}
    #bluestrat img {width: 90%;}
    #bluestrat .cta {text-align: center; display: block;}
    #bluestrat .cta-btn {border:2px solid #C5E5FF; background: #C5E5FF; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700;}
    #bluestrat .cta-btn-ghost {border:2px solid #00093E; background: transparent; color: #00093E; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; margin-right: 25px; }

#skillsaccelerator-focus {padding-top: 5%; padding-bottom: 10%; background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-skills-bg_1777401655685001UwbQ.jpg) no-repeat top center / cover #ffffff;}
    #skillsaccelerator-focus .title {text-align: center;}
    #skillsaccelerator-focus h2 {font-size:  40px; line-height:  48px; color:  #fff; font-weight:  800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.8px}
    #skillsaccelerator-focus h3 {font-size:  32px; line-height:  40px; color:  #fff; font-weight:  800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.64px}
    #skillsaccelerator-focus h4 {font-size:  22px; line-height:  30px; color:  #C5E5FF; font-weight:  800; text-transform: none; font-family: 'proxima-nova-condensed'; letter-spacing: -0.44px;}
    #skillsaccelerator-focus p {font-size: 18px; line-height: 26px; color: #fff; font-weight: 400; text-transform: none; font-family: 'proxima-nova';}
    #skillsaccelerator-focus .cta-btn-ghost {border: 2px solid #C19CEE; background: transparent; color: #C19CEE; font-size: 18px; text-transform: uppercase; padding: 8px 24px; font-weight: 700; border-radius: 0px; }
    #skillsaccelerator-focus .center {text-align: center;}
    #skillsaccelerator-focus .name {min-height: 80px; }
    #skillsaccelerator-focus .card {width: 90%; }
    #skillsaccelerator-focus .precon {font-size: 14px; font-weight: 700; color:#fff; font-family: 'proxima-nova'; line-height: 22px; position: relative; top: -215px; left: 10px; }


/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 767px) {
    .caret {display: none!important; }

    /* Navigation */
    #navbar.navbar .container a.navbar-brand {width: 235px; margin: 15px auto;}
    #transparentheader .navbar-default .navbar-toggle .icon-bar {background-color: #fff; }
    #transparentheader #navbar.navbar .container .navbar-header {height: 84px; } 
    #transparentheader #block-block-23 .cta-btn-ghost {border: 2px solid #000!important; color:#000!important; font-family: 'proxima-nova'; padding: 8px 0;}
    #transparentheader #block-block-23 .btn-primary {background: #C5E5FF!important; color:#000!important; font-family: 'proxima-nova'; padding: 8px 0; margin-bottom: 15px; }

#navbar.navbar .container .collapse.in .block-block.login-logout a {width: 100%; }

    /* Announcement */
    #announcement {top: 85px;}
    #announcement .message {font-size: 18px; }

    /* Footer */
    #footer {padding-left: 15px; padding-right: 15px; }
    #footer .social {float:none; }
    #footer .links {float:none; }
    #footer p {text-align: left; }
    

    /* Tell Me More */
#more {padding-bottom: 10%;}
#more .divider {display: none;}
        #more .title {text-align: center; top: 0; right: 0;}
        #more .card {margin-top: 0; margin-left: 25px; text-align: center; margin: auto;}
        #more .disclaimer {top: 0; left: 0; margin-top: 25px; width: 100%; }
        #more .card p {text-align: center; }

   /* Home */
#home-hero {height: auto;}
        #home-hero .homehero {padding-top: 30%; padding-bottom: 10%;}
        #home-hero .homehero h1 {font-size: 48px; line-height: 56px; width: 100%; }
        #home-hero .hero-card {margin-top: 20%; }
        #home-hero .img-card {margin-top: 12%; }
        #home-hero .homehero .cta {text-align: center; display: grid; }
        #home-hero .homehero .cta-btn-ghost {margin-top: 20px; margin-left: 0; }
        #home-hero .b-logo img {width: 80%; }
#video-hero {height: 810px;}
#video-hero .hero-card {top: 355px; left: 0;  width: 100%; }
#video-hero .hero-card h1 {font-size: 28px; line-height: 36px; }
#video-hero .hero-card h4  {font-size: 18px; line-height: 26px; }
#video-hero .hero-card .cta {text-align: center; display: grid; margin-top: 0;}
#video-hero .hero-card .cta-btn {padding: 4px 12px; font-size: 14px; }
#video-hero .hero-card .mt-15 {margin-top: 0;}
/* Show content */
#video-hero.show-content .hero-content {opacity: 1;}

        #atw {padding-bottom: 15%; margin-top: 0; }
        #atw .title {padding: 10px; }
        #atw .card {margin-bottom: 25px; width: 100%; }
        #atw .card img {width: 100%; }
        #atw .mt-80, #leadtrans .mt-80 {margin-top: 0px;}    
        #atw .a-img {margin-top: 15%; }
        #atw h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #atw h4 {font-size: 20px; line-height: 28px; width: 100%;}
        #workperform {padding-bottom: 15%; margin-top: -2px; }
        #workperform h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #workperform h3 {font-size: 24px; line-height: 32px; width: 100%;}
        #workperform .card h2, #workperform .a-title h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #workperform .a-img {margin-top: 25px; }
        #workperform .card {margin-bottom: 25px; }
        #workperform .mt-80 {margin-top: 0; }
        #workperform .mt-60 {margin-top: 20px; }
        #results h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #results .faster, #results .higher, #results .stronger, #results .reduced {height: auto; }
        #results h3 {font-size: 24px; line-height: 32px; width: 100%;}
        #results h4 {font-size: 20px; line-height: 28px; width: 100%;}
        #results .card {padding: 20px; margin-bottom: 25px; }
        #letsgo {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-letsgo-box-mobile-bg_1776435245565001ZrIl.jpg) no-repeat top center / cover #ffffff; height: 560px; }
        #letsgo .card {padding: 0; margin-top: 20%;  text-align: center;}
        #letsgo .card h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #letsgo .card h4 {font-size: 20px; line-height: 28px; width: 100%;}
        
        #theplace {background: url(https://static.rainfocus.com/shrm/shrmwebsite/static/staticfile/staticfile/atw26-theplace-bg-mobile_1776435245470001Zf3q.jpg) no-repeat top center / cover #ffffff; height: 470px; }
        #theplace .card {padding: 0; margin-top: 80%;  text-align: center; margin-left: 0;}
        #theplace .card h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #theplace .card h4 {font-size: 20px; line-height: 28px; width: 100%;}

 /* Hotel & Venue */
#hotel-hero {height: auto;}
#hotel-hero .homehero {padding-top: 30%; padding-bottom: 10%;}
#hotel-hero .homehero h1 {font-size: 48px; line-height: 56px; }
        #hotel-hero .hero-card {margin-top: 50%; }
        #venueinfo {margin-top: -15%; padding-bottom: 15%; }
        #venueinfo h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #venueinfo .v-img {margin-top: 30px; }
        #embark h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #embark h4 {font-size: 20px; line-height: 28px; width: 100%;}
        #travelinfo .mt-80 {margin-top: 0px;}
        #travelinfo .card {width: 100%; margin-bottom: 25px; }
        #travelinfo img {width: 100%; }
        #travelinfo h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #travelinfo h4 {font-size: 24px; line-height: 32px; width: 100%;}
        #thingstodo .title {padding: 10px; }
        #thingstodo .card {margin-bottom: 25px; }
        #thingstodo .centered {width: 100%; }
        #thingstodo img {width: 100%; }
        #thingstodo h2 {font-size: 32px; line-height: 40px; width: 100%;}

/*Event Policies */
 #eventpolicies-hero {height: auto;}
    #eventpolicies-hero .homehero {padding-top: 30%; padding-bottom: 10%;}
    #eventpolicies-hero .homehero h1 {font-size: 48px; line-height: 56px; }
    #eventpolicies-hero .hero-card {margin-top: 50%; }
    #policy {margin-top: -15%; }
    #policy .content {padding: 15px; }
    #policy h2 {font-size: 32px; line-height: 40px; width: 100%;}
    #policy h3 {font-size: 24px; line-height: 32px; width: 100%;}

/* Rates */
#rates-hero {height: auto;}
#rates-hero .homehero {padding-top: 30%; padding-bottom: 20%;}
        #rates-hero .hero-card {margin-top: 35%; }
        #rates-hero .homehero h1 {font-size: 48px; line-height: 56px; width: 100%;}
        #rates-hero .homehero h2 {font-size: 28px; line-height: 36px; width: 100%;}
        #groupreg {margin-top: -5%; padding-bottom: 15%; }
        #groupreg h2 {font-size: 32px; line-height: 40px; width: 100%;}


/* Shared Experience */
#sharedexp-hero {height: auto;}
        #sharedexp-hero .homehero {padding-top: 30%; padding-bottom: 30%;}
        #sharedexp-hero .hero-card {margin-top: 40%; }
        #sharedexp-hero .homehero .cta {text-align: center; display: grid; }
        #sharedexp-hero .homehero .cta-btn-ghost {margin-top: 20px; margin-left: 0; }
        #sharedexp-hero .b-logo img {width: 80%; }
        #moreto {padding-top: 0; margin-top: -25%; padding-bottom: 15%; }
        #moreto h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #moreto h3 {font-size: 24px; line-height: 32px; width: 100%;}
        #moreto .mt-80 {margin-top: 0;}
        #moreto .card {margin-bottom: 25px; margin-top: 20%}      
        #stepinto .card {width: 100%;}

/* Blueprint, LInkage and Skills */
#blueprint-hero {height: auto;}
        #blueprint-hero .homehero {padding-top: 30%; padding-bottom: 10%;}
        #blueprint-hero .hero-card {margin-top: 25%; }
        #blueprint-hero .homehero .cta {text-align: center; display: grid; }
        #blueprint-hero .homehero .cta-btn-ghost {margin-top: 20px; margin-left: 0; }
        #blueprint-hero .homehero h1 {font-size: 48px; line-height: 56px; width: 100%; }
        #blueprint-hero .b-logo img {width: 80%; }
        #bluestrat {padding-top: 0;}
        #bluestrat h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #bluestrat h3 {font-size: 24px; line-height: 32px; width: 100%;}
        #bluestrat .mt-80 {margin-top: 0;}
        #bluestrat .card {margin-bottom: 25px;}
       #bluestrat .cta {display: grid; padding: 20px; }
       #bluestrat .cta .cta-btn-ghost {margin-bottom: 25px; margin-right: 0;}
        #bluestrat img {width: 100%;}

       #skillsaccelerator-focus {padding-bottom: 15%;}
        #skillsaccelerator-focus .title {padding: 10px; }
        #skillsaccelerator-focus h2 {font-size: 32px; line-height: 40px; width: 100%;}
        #skillsaccelerator-focus h3 {font-size: 24px; line-height: 32px; width: 100%;}
        #skillsaccelerator-focus .card {width: 100%; margin-bottom: 45px; }
        #skillsaccelerator-focus .credbox img {width: 100%; }
        #skillsaccelerator-focus .name {min-height: 40px; }
        #skillsaccelerator-focus .center {padding: 10px; margin-top: 0px; }
    
}

/* Tablet (landscape tablets, 768px and up) */
  @media only screen and (min-width: 768px) and (max-width:  1024px) {
    
}
/*Small desktop */
    @media only screen and (min-width: 1025px) and (max-width:  1440px) {
        #video-hero {height: 749px; margin-top: -120px; padding-bottom: 0; }
        #video-hero .hero-card {top: 288px; }
    }

/* Very Large Screens */
    @media only screen and (min-width: 1770px) and (max-width:  2800px) {
         #atwbanner .a-img {margin-left: 45%;}
         #video-hero {padding-bottom: 0; top: -10px; height: 1000px; }
         #video-hero .hero-card {top: 340px; left: 22%; }
         #atw {margin-top: -10px; }
}