@charset "utf-8";
/* CSS Document */

body {background-color: #3f0140; margin: 0; padding: 0}

#mobileMenu {display: none}
#mobileMenu:target {display: block}
#mobileMenuClose {display: block}
#mobileMenuClose:target {display: none}
	
.mobileMenu {width: 100%; max-height: 100%; background-color: #3f0140; position: fixed; top: 0; left: 0; right:0; bottom:0; z-index: 8000; background-image: url('images/mobileMenu_back.png'); background-size: cover; background-blend-mode: overlay}
.mobileMenu_header {width: auto; height: auto; margin: 30px; display: flex; flex-wrap: wrap}
.mobileMenu_headerLeft {width: 50%; height: auto}
.mobileMenu_headerLeft div {width: 160px; height: auto; float: left; margin-top: -8px}
.mobileMenu_headerLeft img {width: 100%; height: auto}
.mobileMenu_headerRight {width: 50%; height: auto}
.mobileMenu_headerRight div {width: 25px; height: auto; float: right; margin-top: 40px}
.mobileMenu_headerRight img {width: 100%; height: auto}
.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 4.5em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 88px 30px}
.mobileMenu_content ul {list-style: none; margin: 0; padding: 0}
.mobileMenu_content a {text-decoration: none; color: #fff}
.mobileMenu_copyright {width: auto; height: auto; position: absolute; bottom: 30px; left: 30px; font-size: 18px; text-transform: uppercase; color: #ffffff; font-family: 'Roboto', sans-serif}
.mobileMenu_social {width: auto; height: auto; position: absolute; bottom: 30px; right: 30px}
.mobileMenu_social ul {list-style: none; margin: 0; padding: 0}
.mobileMenu_social li {display: inline; margin: 0 0 0 15px}
.mobileMenu_social img {width: 35px; height: auto}

form {width: 80%; height: auto; margin: auto; text-align: center}
.formTextBox {width: 100%; height: 50px; margin-bottom: 44px}
input {padding: 11px}
input[type=text]  {font-size: 20px; font-family: 'Roboto', sans-serif}
textarea {padding: 11px}
textarea[type=text] {font-size: 20px; font-family: 'Roboto', sans-serif}
.formTextArea {width: 100%; height: 300px; margin-bottom: 44px}
input[type=submit] {font-family: 'Roboto', sans-serif; color:#ffffff; background-color: #BF7315; border: none; border-radius: 15px; width: 100%; height: auto; margin: 11px; text-transform: uppercase; font-size: 20px; font-weight: 700; padding: 22px 11px 22px}

.aboutContent {width: 100%; height: auto; margin: auto; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.aboutContent img {width: 24%; height: auto; display: block; margin: 0 auto 44px}
.aboutContent_content {width: 50%; margin: auto}
.aboutContent_content h2 {text-transform: uppercase; margin:0; padding: 0}
.aboutContent_content p {margin: 0 0 44px 0; padding: 0}

.contactContent {width: 100%; height: auto; margin: auto; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.contactContent img {width: 27%; height: auto; display: block; margin: 0 auto 44px}

.headerMobile {width: 100%; height: auto; position: absolute; z-index: 6000; top: 22px; display: none}
.headerMobile_content {display: flex; flex-wrap: wrap}
.headerMobile_contentLeft {width: 50%; height: auto}
.headerMobile_contentRight {width: 50%; height: auto}
.headerMobile_contentLogo {width: 160px; height: auto; float: left; margin: 0 0 0 30px}
.headerMobile_contentLogo img {width: 100%; height: auto}
.headerMobile_contentMenu {width: 25px; height: auto; float: right; margin: 48px 30px 0 0}
.headerMobile_contentMenu img {width: 100%; height: auto}

.heroMobile {width: 100%; height: auto; position: relative; z-index: 2; display: none}
.heroMobile_cloud {width: 100%; height: auto; display: block; position: relative; z-index: 0}
.heroMobile_portrait {width: 92%; height: auto; display: block; position: relative; z-index: 1; margin: -253px auto 0}

.heroAboutImageMobile {width: auto; height: auto; margin: auto; display: none}
.heroAboutImageMobile img {width: 100%; height: auto; display: block}

.fadeTop {width: auto; height: auto; opacity: .3; position: absolute; z-index: 2; top:0;}
.fadeTop img {width: 100%; height: auto}

.hero {width: 100%; height: auto; z-index: 3; top: 0; position: relative;}
.heroContainer {width: 1812px; height: auto; margin: auto}
.heroImage {width: auto; height: auto; margin: auto}
.heroAboutImage {width: auto; height: auto; margin: auto}
.heroAboutImage img {width: 72%; height: auto; display: block; margin: auto}
.heroImage img {width: 100%; height: auto; display: block}
.heroContent {width: 888px; height: auto; float: right; margin: -100px 0 0 0}
.heroContent p {font-family: 'Roboto', sans-serif; color: #fff; font-size: 20px; line-height: 1.5}
.heroContent_title {width: 372px; height: auto;}
.heroContent_title img {width: 100%; height: auto}

.header {width: 100%; height: auto; margin:22px auto 0; position: absolute; z-index: 4; top: 0}
.header a {color: #fff; text-decoration: none}
.header a:hover {color: #BF7315}
.headerLogo {width: 217px; height: auto; float: left; margin-left: 60px}
.headerLogo img {display: block; width: 100%; height: auto}
.headerRight {float: right; margin: 27px 60px 0 0; font-family: 'Roboto', sans-serif; font-size: 28px; color: #fff; font-weight: 900; text-transform: uppercase}
.headerRight ul {list-style: none; text-align: right}
.headerRight li {display: inline; margin:0 0 0 60px}
.headerRight img {width: 35px; height: auto}

.container {width:1800px; height: auto; margin:110px auto -100px; position: relative; z-index: 6; background-color: rgba(113,2,115,.3); box-shadow:0 0 100px 100px #3f0140 inset; display: flex; flex-wrap: wrap; clear:both}
.containerLeft {width: 15%; height: auto; margin: 110px 0 0 0}
.containerRight {width: 85%; height: auto; margin: 110px 0 0 0; display: flex; flex-wrap: wrap; justify-content: center}
.containerRight_block {width: 300px; height: 300px; background-color: #ffffff; border: 10px solid #000000; margin:0 22px 22px; display: none}
.containerRight_block:hover .sampleBlock{visibility: visible; opacity: 1}
.containerRight_blockImage {width: 300px; height: 300px; overflow: hidden; position: absolute}
.containerRight_blockImage img {width: 100%; height: auto}

.sample {background-image: url(images/samples/back.png); background-size: cover; background-repeat: no-repeat; width: 100%; max-height: 100%; position: fixed; z-index: 6000; overflow: scroll; overflow-x: hidden; bottom: 0; top: 0; right: 0}
.sample a {color: #3f0140; text-decoration: underline; font-weight: 700}
.sample_CTA {font-weight: 700; text-transform: uppercase}
.sample_block_link {pointer-events: none}
.sampleFadeTop {width: 100%; height: auto; position: absolute; top: 0; z-index: 2001; opacity: .1}
.sampleFadeTop img {width: 100%; height: auto; display: block}
.sampleFadeBottom {width: 100%; height: auto; position: fixed; bottom: 0; z-index: 2001; opacity: .1}
.sampleFadeBottom img {width: 100%; height: auto; display: block}
.sampleClose {width: 24px; height: auto; border: 1px solid #fff; padding: 10px; position: absolute; top: 66px; right: 30px; z-index: 6002}
.sampleClose img {width: 100%; height: auto; display: block}
.sampleNavigation {width: 260px; max-height: 100%; height: 100%; background-color: #ffffff; padding: 22px 30px; position: fixed; z-index: 6002; font-family:'Roboto', sans-serif;}
.sampleNavigationLogo {width: 204px; height: auto; margin: 0 0 66px 0}
.sampleNavigationLogo img {width: 100%; height:auto; display: block}
.sampleNavigation h1 {font-size: 20px; color: #333333; font-weight: 700; text-transform: uppercase}
.sampleNavigation h2 {font-size: 18px; color: #333333; font-weight: 700}
.sampleNavigation P {font-size: 18px; color: #333333; font-weight: normal}
.sampleNavigation_next {width: 118px; height: auto; margin: 88px 0 0 0}
.sampleNavigation_next img {width: 100%; height: auto; display: block}
.sampleNavigation_previous {width: 216px; height: auto; margin: 44px 0 0 0}
.sampleNavigation_previous img {width: 100%; height: auto; display: block}

.sample_mobileNavigation {width: auto; overflow: auto; padding: 22px; background-color: #FFFFFF; position: sticky; top: 0; z-index: 10; display: none}
.sample_mobileIntroduction {font-family: 'Roboto', sans-serif; color: #ffffff; width: 60%; margin: 66px auto 0; text-align: center; display: none; line-height: 1.5}
.sample_mobileIntroduction a {color: #fff; text-decoration: underline; font-weight: 700}

.sampleContent {width: 100%; height: auto; position: relative; margin: 200px 0; text-align: center; z-index: 5000}
.sampleContent h1 {font-family: 'Roboto', sans-serif; font-size: 20px; text-transform: uppercase; color: #ffffff;}
.sampleContent_block {width: auto; height: auto; margin: 0 0 88px 320px}
.sampleVideoDesktop {width: auto; height: auto; border-radius: 10px; margin: auto}
.sampleVideoDesktop_short {width: auto; height: auto; border-radius: 10px; margin: 0 auto 266px}

.sampleContent_logoBlock {width: auto; height: auto; margin: 44px 0 44px 320px; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_logoBlockLogo {width: 260px; height: auto; padding: 12px; margin: 22px; background-color: #fff}
.sampleContent_logoBlockLogoRev {width: 260px; height: auto; padding: 12px; margin: 22px; background-color: #ccc}
.sampleContent_logoBlockLogo img {width: 100%; height: auto; display: block}
.sampleContent_logoBlockLogoRev img {width: 100%; height: auto; display: block}
.sampleContent_logoBlockSocial {width: 40%; height: auto; margin: 11px; background-color: #fff; padding: 12px}
.sampleContent_logoBlockSocial img {width: 100%; height: auto; display: block}

.sampleContent_socialBlock {width: auto; height: auto; margin: 0 0 88px 320px; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_socialBlockSocial {width: 30%; height: auto; max-height: fit-content; padding: 11px; background-color: #fff; margin: 22px}
.sampleContent_socialBlockSocial img {width: 100%; height: auto; display: block}

.sampleContent_LadyConcept {display: grid; column-gap: 19px; width: auto; height: auto}
.sampleContent_LadyConcept img {width: 100%; height: auto; display: block}
.sampleContent_LadyConcept_Full {grid-column: 1 / span 5; margin: 0 33px 11px}
.sampleContent_LadyConcept_Quarter1 {grid-column: 1 / span 1; margin: 11px 11px 11px 33px}
.sampleContent_LadyConcept_Quarter2 {grid-column: 2 / span 1; margin: 11px 11px 11px 0}
.sampleContent_LadyConcept_Quarter3 {grid-column: 3 / span 1; margin: 11px 11px 11px 0}
.sampleContent_LadyConcept_Quarter4 {grid-column: 4 / span 1; margin: 11px 11px 11px 0}
.sampleContent_LadyConcept_QuarterTall {grid-column: 5 / span 1; grid-row: span 2; margin: 11px 33px 0 0}
.sampleContent_LadyConcept_Half1 {grid-column: 1 / span 2; margin: 11px 11px 0 33px}
.sampleContent_LadyConcept_Half2 {grid-column: 3 / span 2; margin: 11px 11px 0 0}

.sampleContent_Leonardo {width: auto; height: auto; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_Leonardo img {width: 100%; height: auto}
.sampleContent_LeonardoBlock {width: 40%; height: auto; margin: 22px; padding: 11px; background-color: #ffffff}

.sampleContent_WordCloud {width: auto; height: auto; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_WordCloud img {width: 100%; height: auto; display: block}
.sampleContent_WordCloudContent {width: 40%; height: auto; padding: 11px; background-color: #fff; margin: 22px}

.sampleContent_ElectionEmail {width: 30%; height: auto}
.sampleContent_ElectionEmail img  {width: 100%; height: auto}

.sampleContent_socialBlock_book {width: 100%; height: auto; margin: 0 0 66px 0}
.sampleContent_socialBlock_book_cover {width: 24.6%; height: auto}
.sampleContent_socialBlock_book_spread {width: 50%; height: auto}
.sampleContent_socialBlock_book_coverLandscape {width: 35.6%; height: auto}
.sampleContent_socialBlock_book_spreadLandscape {width: 66%; height: auto}

.sampleContent_acoreEventLogo {width: 29%; height: auto; max-height: fit-content; background-color: #fff; margin:66px 11px; padding: 11px}
.sampleContent_acoreEventLogo img {width: 80%; height: auto}		
.sampleContent_acoreEventLogoRev {width: 29%; height: auto; max-height: fit-content; background-color: #5B5B5B; margin:66px 11px; padding: 11px}
.sampleContent_acoreEventLogoRev img {width: 80%; height: auto}

.sampleContent_WandP_BandC {width: 60%; height: auto; margin: 22px 0}
.sampleContent_WandP_BandC img {width: 100%; height: auto; display: block}

.sampleContent_acceConventionSite {width:auto; height: auto; margin: 0 0 0 320px; display: flex; justify-content: center; flex-wrap: wrap}
.sampleContent_acceConventionSite div {width: 100%; height: auto; margin:44px 0}
.sampleContent_acceConventionSite_desktop {width: 60%; height: auto}
.sampleContent_acceConventionSite_tabletLandscape {width: 40%; height: auto}
.sampleContent_acceConventionSite_tabletPortrait {width: 30%; height: auto}
.sampleContent_acceConventionSite_mobileLandscape {width: 30%; height: auto}
.sampleContent_acceConventionSite_mobilePortrait {width: 16%; height: auto}

.sampleContent_barbadosConcept {display: grid; column-gap: 19px; grid-row-gap: 19px; width: auto; height: auto; margin: 44px}
.sampleContent_barbadosConcept img {width: 100%; height: auto; display: block}
.sampleContent_barbadosConcept_full {grid-column: 1 / span 5}
.sampleContent_barbadosConcept_quarterTall {grid-column: 1 / span 1; grid-row: span 2}
.sampleContent_barbadosConcept_quarter1 {grid-column: 2 / span 1}
.sampleContent_barbadosConcept_quarter2 {grid-column: 3 / span 1}
.sampleContent_barbadosConcept_quarter3 {grid-column: 4 / span 1}
.sampleContent_barbadosConcept_quarter4 {grid-column: 5 / span 1}
.sampleContent_barbadosConcept_half1 {grid-column: 2 / span 2}
.sampleContent_barbadosConcept_half2 {grid-column: 4 / span 2}

.sampleContent_strongStart {width: auto; height: auto; margin: 44px 0 44px 320px; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_strongStart_full {width: 100%; height: auto}
.sampleContent_strongStart_fullDesktop {width: 60%; height: auto}
.sampleContent_strongStart_fullTablet {width: 37%; height: auto; margin: 44px 0px}
.sampleContent_strongStart_fullMobile {width: 37%; height: auto; margin: 44px 0px}
.sampleContent_strongStart_half {width: 30%; height: auto}
.sampleContent_strongStart_half img {width: 60%; height: auto; margin: 44px 0px}

.sampleContent_strayerMobileRefresh {width: auto; height: auto; margin: 44px 0 44px 320px; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_strayerMobileRefresh_half {width: 50%; height: auto; margin: 22px 0}
.sampleContent_strayerMobileRefresh_halfPortrait {width: 40%; height: auto; display: block; margin: auto}
.sampleContent_strayerMobileRefresh_halfLandscape {width: 80%; height: auto; display: block; margin: auto}
.sampleContent_strayerMobileRefresh_full {width: 100%; height: auto; margin: 22px 0}
.sampleContent_strayerMobileRefresh_full img {width: 50%; height: auto; display: block; margin: auto}

.sampleContent_wellness-Wednesday {width: auto; height: auto; display: flex; flex-wrap: wrap; margin: 0 0 88px 340px; justify-content: center}
.sampleContent_wellness-Wednesday_half {width: 47%; height: auto; margin: 22px}
.sampleContent_wellness-Wednesday_half img {width: 80%; height: auto}
.sampleContent_wellness-Wednesday_full {width: 100%; height: auto; margin: 22px}
.sampleContent_wellness-Wednesday_fullBanner {width: 56%; height: auto}
.sampleContent_wellness-Wednesday_fullSocial {width: 36%; height: auto}

.sampleContent_strayerMobileUX {width: auto; height: auto; margin: 88px 0 0 340px; display: flex; flex-wrap: wrap; justify-content: center; font-family: 'Roboto', sans-serif}
.sampleContent_strayerMobileUX_content {width: 100%; height: auto; margin: 66px auto 0}	
.sampleContent_strayerMobileUX_content p {width: 70%;  font-size: 18px; font-weight: normal; color: #fff; text-align: center; margin: 0 auto 22px}		
.sampleContent_strayerMobileUX_half {width: 46%; height: auto; margin: 11px}
.sampleContent_strayerMobileUX_half div {width: 80%; height: auto; background-color: #ffffff; border-radius: 22px; margin: auto; padding: 11px}
.sampleContent_strayerMobileUX_half img {width: 28%; height: auto; display: block; margin: auto}
.sampleContent_strayerMobileUX_quarter {width: 23%; height: auto; margin: 11px}
.sampleContent_strayerMobileUX_quarter div {width: 80%; height: auto; background-color: #ffffff; border-radius: 22px; margin: auto; padding: 11px}
.sampleContent_strayerMobileUX_full {width: 80%; height: auto; margin: 11px}
.sampleContent_strayerMobileUX_full div {width: 47%; height: auto; background-color: #ffffff; border-radius: 22px; margin: auto; padding: 11px}

.sampleContent_acoreLogo {width: auto; height: auto; margin: 200px 0 200px 320px}
.sampleContent_acoreLogo_Content {display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_acoreLogo_ContentLogo_sizeA {width: 50%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeB {width: 65%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeC {width: 69%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeD {width: 44%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeE {width: 25%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeF {width: 33%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeG {width: 41%; height: auto}
.sampleContent_acoreLogo_ContentLogoTriple {width: 30%; height: auto; margin: 44px 11px; background-color: #ffffff; padding: 11px}
.sampleContent_acoreLogo_ContentLogoRevTriple {width: 30%; height: auto; margin: 44px 11px; background-color: #5D5D5D; padding: 11px}
.sampleContent_acoreLogo_ContentLogoDouble {width: 45%; height: auto; margin: 44px 11px; background-color: #ffffff; padding: 11px}
.sampleContent_acoreLogo_ContentLogoRevDouble {width: 45%; height: auto; margin: 44px 11px; background-color: #5D5D5D; padding: 11px}

.sampleContent_acceConventionLogo {width: auto; height: auto; margin: 0 0 0 320px; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_acceConventionLogo img {width: 72%; height: auto}
.sampleContent_acceConventionLogo_content {width: 40%; height: auto; background-color: #ffffff; border-radius: 10px; overflow: hidden; margin: 15px}
.sampleContent_acceConventionLogo_contentBlack {width: 40%; height: auto; background-color: #000000; border-radius: 10px; overflow: hidden; margin: 15px}

.sampleContent_morganFranklin_email {margin: 0 0 0 320px; width: auto; height: auto}
.sampleContent_morganFranklin_emailContent {width: 100%; height: auto; margin: 22px}
.sampleContent_morganFranklin_emailContent img {width: 30%; height: auto}

.sampleBlock {width: 350px; height: auto; background-color: #fff; position: relative; border-radius: 15px; top: -60px; left: -9%; z-index: 2000; overflow: hidden; opacity: 0; visibility: hidden; transition: visibility .2s, opacity .75s linear; transition-delay: .2s}
.sampleBlock_image {width: 100%; height: 250px; background-color: #000000; overflow: hidden}
.sampleBlock_image img {width: 100%; height: auto}
.sampleBlock_content {width: auto; height: auto; padding: 20px; color: #000}
.sampleBlock_content h3 {font-family: 'Roboto', sans-serif; font-size: 20px; font-weight: 700; color: #3f0140}
.sampleBlock_content p {font-family: 'Roboto', sans-serif; font-size: 16px}
.sampleBlock_content a {text-decoration: none; color: inherit}

.button {background: url(images/unchecked.svg) transparent; width: 48px; height: 48px; border: none; margin-right: 15px}
.button:hover {opacity: .5}
.button.active {background: url(images/checked.svg) transparent; width: 48px; height: 48px; border:none}

.sort {width: 210px; height: auto; position: sticky; top:0; z-index: 6; text-transform: uppercase; font-weight: 900; font-size: 18px; font-family: 'Roboto', sans-serif; color: #ffffff}
.sort div {position: relative; height: 51px;}
.sortTitle {width: auto; height: auto; margin: 0 0 66px 0}
.sortTitle img {width: 100%; height: auto;}
.sortName {top: -36px; left: 60px}

.show {display: block}

.fadeBottom {width: auto; height: auto; opacity: .3; position: static; z-index: 1; bottom:0}
.fadeBottom img {width: 100%; height: auto}

.footer {width: 100%; height: auto; margin: auto; padding: 110px 0 110px 0; background-color: #3f0140; font-family: 'Roboto', sans-serif; color: #ffffff}
.footer a {color: #fff; text-decoration: none}
.footer a:hover {color: #BF7315}
.footerTop {width: auto; height: auto; margin: auto}
.footerLogo {width: 217px; height: auto; float: left; margin-left: 60px}
.footerLogo img {width: 100%; height: auto}
.footerLogo_right {width: 300px; height: auto; float: right; font-weight: 900; font-size: 48px; text-transform: uppercase; margin: 0 60px 22px 0; padding: 0}
.footerLogo_right ul {list-style: none; margin-left: 0; padding: 0}
.footerBottom {width: auto; height: auto; margin: auto; clear: both}
.footerBottom_nav {width: 300px; height: auto; float: right; margin-right: 60px}
.footerBottom_nav img {width: 35px; height: auto}
.footerBottom_nav ul {list-style: none; margin: 0; padding: 0}
.footerBottom_nav li {display: inline; margin: 0 60px 0 0}
.footerBottom_copyright {width: auto; height: auto; float: left; text-transform: uppercase; font-size: 18px; margin: 5px 0 0 60px; padding: 0}


@media screen and (max-width: 1812px) {

.heroContainer {width: 93%; height: auto; margin: auto}
.containerLeft {width: 15%; height: auto; margin: 110px 0 0 60px}

.container {width:auto; height: auto; margin:110px auto -100px; position: relative; z-index: 6; background-color: rgba(113,2,115,.3); box-shadow:0 0 100px 100px #3f0140 inset; display: flex; flex-wrap: wrap; clear:both}

.containerRight {width: 79%; height: auto; margin: 110px 30px 0 0; display: flex; flex-wrap: wrap; justify-content: center}
.containerRight_block {width: 285px; height: 285px; background-color: #ffffff; border: 10px solid #000000; margin:0 22px 22px}
.containerRight_blockImage {width: 285px; height: 285px; overflow: hidden; position: absolute}

.sample_mobileNavigation {width: auto; overflow: auto; padding: 22px; background-color: #FFFFFF; position: sticky; top: 0; z-index: 10; display: none}
.sample_mobileIntroduction {font-family: 'Roboto', sans-serif; color: #ffffff; width: 60%; margin: 66px auto 0; text-align: center; display: none}

.sampleBlock {width: 350px; height: auto; background-color: #fff; position: relative; border-radius: 15px; top: -60px; left: -12%; z-index: 2000; overflow: hidden; opacity: 0; visibility: hidden; transition: visibility .5s, opacity .75s linear; transition-delay: .9s}

}

@media screen and (max-width: 1667px) {

.sampleClose {width: 44px; height: auto; position: absolute; top: 66px; right: 30px; z-index: 6002; display: none}
.sampleNavigation {width: 260px; max-height: 100%; height: 100%; background-color: #ffffff; padding: 22px 30px; position: fixed; z-index: 6002; font-family:'Roboto', sans-serif; display: none}
.sampleContent_block {width: auto; height: auto; margin: 0 auto 88px}
	
.sample_mobileNavigation {width: auto; overflow: auto; padding: 22px; background-color: #FFFFFF; position: sticky; top: 0; z-index: 7000; display: block}
.sample_mobileNavigation_Previous {width: auto; height: 33px; float: left; margin: 5px 0 0 0}
.sample_mobileNavigation_Previous img {width: auto; height: 100%}
.sample_mobileNavigation_Next {width: auto; height: 33px; float: left; margin: 5px 0 0 22px}
.sample_mobileNavigation_Next img {width: auto; height: 100%}
.sample_mobileNavigation_Close {width: 24px; height: 24px; border: 1px solid #3f0140; padding: 10px; float: right}
.sample_mobileNavigation_Close img {width: auto; height: 100%}

.sample_mobileIntroduction {font-family: 'Roboto', sans-serif; color: #ffffff; width: 60%; margin: 66px auto 0; text-align: center; display: block}
.sample_mobileIntroduction h1 {font-size: 36px; text-transform: uppercase; font-weight: 700}
.sample_mobileIntroduction h2 {font-size: 24px; font-weight: 700}
	
.sampleContent_acceConventionSite {width:auto; height: auto; margin: 0; display: flex; justify-content: center; flex-wrap: wrap}
	
.sampleContent_strayerMobileRefresh {width: auto; height: auto; margin: 44px 0; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_strayerMobileRefresh_half {width: 50%; height: auto; margin: 22px 0}
.sampleContent_strayerMobileRefresh_halfPortrait {width: 40%; height: auto; display: block; margin: auto}
.sampleContent_strayerMobileRefresh_halfLandscape {width: 80%; height: auto; display: block; margin: auto}
.sampleContent_strayerMobileRefresh_full {width: 100%; height: auto; margin: 22px 0}
.sampleContent_strayerMobileRefresh_full img {width: 50%; height: auto; display: block; margin: auto}
	
.sampleContent_wellness-Wednesday {width: auto; height: auto; display: flex; flex-wrap: wrap; margin: 0 0 88px; justify-content: center}
	
.sampleContent {width: 100%; height: auto; position: relative; margin: 150px 0 0 0; text-align: center}
.sampleContent_logoBlock {width: auto; height: auto; margin: 44px auto; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_socialBlock {width: auto; height: auto; margin: 44px auto; display: flex; flex-wrap: wrap; justify-content: center}
	
.sampleVideoDesktop {width: 65%; height: auto; border-radius: 10px; margin: auto}
.sampleVideoDesktop_short {width: 65%; height: auto; border-radius: 10px; margin: 0 auto 266px}
	
.sampleContent_strongStart {width: auto; height: auto; margin: 44px 0 44px ; display: flex; flex-wrap: wrap; justify-content: center}
	
.sampleContent_strayerMobileUX {width: auto; height: auto; margin: auto; display: flex; flex-wrap: wrap; justify-content: center; font-family: 'Roboto', sans-serif}
.sampleContent_strayerMobileUX_content {width: 100%; height: auto; margin: auto}
.sampleContent_strayerMobileUX_half {width: 46%; height: auto; margin: 11px 11px 66px}
.sampleContent_strayerMobileUX_full {width: 80%; height: auto; margin: 11px 11px 66px}
	
.sampleContent_acoreLogo {width: auto; height: auto; margin: auto}
.sampleContent_acoreLogo_Content {display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_acoreLogo_ContentLogo_sizeA {width: 50%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeB {width: 65%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeC {width: 69%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeD {width: 44%; height: auto}
.sampleContent_acoreLogo_ContentLogoTriple {width: 30%; height: auto; margin: 44px 11px; background-color: #ffffff; padding: 11px}
.sampleContent_acoreLogo_ContentLogoRevTriple {width: 30%; height: auto; margin: 44px 11px; background-color: #5D5D5D; padding: 11px}
.sampleContent_acoreLogo_ContentLogoDouble {width: 45%; height: auto; margin: 44px 11px; background-color: #ffffff; padding: 11px}
.sampleContent_acoreLogo_ContentLogoRevDouble {width: 45%; height: auto; margin: 44px 11px; background-color: #5D5D5D; padding: 11px}
	
.sampleContent_acceConventionLogo {width: auto; height: auto; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_acceConventionLogo img {width: 72%; height: auto}
.sampleContent_acceConventionLogo_content {width: 40%; height: auto; background-color: #ffffff; border-radius: 10px; overflow: hidden; margin: 15px}
.sampleContent_acceConventionLogo_contentBlack {width: 40%; height: auto; background-color: #000000; border-radius: 10px; overflow: hidden; margin: 15px}
	
.sampleContent_morganFranklin_email {margin: 0 auto; width: auto; height: auto}
.sampleContent_morganFranklin_emailContent {width: 100%; height: auto; margin: 22px}
.sampleContent_morganFranklin_emailContent img {width: 30%; height: auto}
	
}

@media screen and (max-width: 1618px) {

.heroContent {width: 50%; height: auto; float: right; margin: -100px 0 0 0}
.containerRight_block {width: 250px; height: 250px; background-color: #ffffff; border: 10px solid #000000; margin:0 22px 22px}
.containerRight_blockImage {width: 250px; height: 250px; overflow: hidden; position: absolute}

.sampleBlock {width: 350px; height: auto; background-color: #fff; position: relative; border-radius: 15px; top: -60px; left: -20%; z-index: 2000; overflow: hidden; opacity: 0; visibility: hidden; transition: visibility .5s, opacity .75s linear; transition-delay: .9s}
.sample_social03 {width: 150%; height: auto; transform: rotate(5deg); margin: -20px 0 0 -55px}

}

@media screen and (max-width: 1499px) {
	
.heroAboutImage img {width: 100%; height: auto; display: block}

.containerRight {width: 78%; height: auto; margin: 110px 30px 0 0; display: flex; flex-wrap: wrap; justify-content: center}
.containerRight_block {width: 215px; height: 215px; background-color: #ffffff; border: 10px solid #000000; margin:0 22px 22px}
.containerRight_blockImage {width: 215px; height: 215px; overflow: hidden; position: absolute}

.sample_print03 {width: 150%; height: auto; transform: rotate(8deg); margin: -15px 0 0 -50px}
.sample_social03 {width: 150%; height: auto; transform: rotate(5deg); margin: -20px 0 0 -78px}

}

@media screen and (max-width: 1366px) {

.heroContent {width: 85%; height: auto; float: none; margin: 44px auto 0}

.containerLeft {width: 15%; height: auto; margin: 110px 0 0 60px; display: none}
.containerRight {width: auto; height: auto; margin: 0 60px 0; display: flex; flex-wrap: wrap; justify-content: center}
.containerRight_block {width: 225px; height: 225px; background-color: #ffffff; border: 10px solid #000000; margin:0 22px 22px}
.containerRight_blockImage {width: 225px; height: 225px; overflow: hidden; position: absolute}

.sort {width: 210px; height: auto; position: sticky; top:0; z-index: 6; text-transform: uppercase; font-weight: 900; font-size: 18px; font-family: 'Roboto', sans-serif; color: #ffffff}
	
.sampleContent_acoreLogo_ContentLogoTriple {width: 27%; height: auto; margin: 44px 11px; background-color: #ffffff; padding: 11px}
.sampleContent_acoreLogo_ContentLogoRevTriple {width: 27%; height: auto; margin: 44px 11px; background-color: #5D5D5D; padding: 11px}

.sampleBlock {width: 350px; height: auto; background-color: #fff; position: relative; border-radius: 15px; top: -60px; left: -27%; z-index: 2000; overflow: hidden; opacity: 0; visibility: hidden; transition: visibility .5s, opacity .75s linear; transition-delay: .9s}

}

@media screen and (max-width: 1280px) {

.headerLogo {width: 189px; height: auto; float: left; margin-left: 60px}
.headerRight {float: right; margin: 27px 60px 0 0; font-family: 'Roboto', sans-serif; font-size: 26px; color: #fff; font-weight: 900; text-transform: uppercase}
.headerRight li {display: inline; margin:0 0 0 30px}
	
.aboutContent {width: 100%; height: auto; margin:-300px auto 0; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.aboutContent_content {width: 80%; margin: auto}
	
.aboutContent img {width: 37%; height: auto; display: block; margin: 0 auto 44px}
	
.contactContent {width: 100%; height: auto; margin:-300px auto 0; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.contactContent img {width: 45%; height: auto; display: block; margin: 0 auto 44px}	
	
.heroAboutImage {width: auto; height: auto; margin: auto; display: none}
	
.heroAboutImageMobile {width: auto; height: auto; margin: auto; display: block}
.heroAboutImageMobile img {width: 100%; height: auto; display: block}

.container {width:auto; height: auto; margin:110px auto -61px; position: relative; z-index: 6; background-color: rgba(113,2,115,.3); box-shadow:0 0 100px 100px #3f0140 inset; display: flex; flex-wrap: wrap; clear:both}
.containerRight_block {width: 197px; height: 197px; background-color: #ffffff; border: 8px solid #000000; margin:0 22px 22px}
.containerRight_blockImage {width: 197px; height: 197px; overflow: hidden; position: absolute}

.sample_block_link {pointer-events: all}
.sampleBlock {width: 350px; height: auto; background-color: #fff; position: relative; border-radius: 15px; top: -60px; left: -27%; z-index: 2000; overflow: hidden; opacity: 0; visibility: hidden; transition: visibility .5s, opacity .75s linear; transition-delay: .9s; display: none}
.sample_branding06 {width: 230%; height: auto; transform: rotate(10deg); margin: -30px 0 0 -100px}
.sample_social02 {width: 170%; height: auto; transform: rotate(10deg); margin: -30px 0 0 -108px}
	
.sampleContent_wellness-Wednesday_half img {width: 100%; height: auto}
.sampleContent_wellness-Wednesday_fullBanner {width: 77%; height: auto}
.sampleContent_wellness-Wednesday_fullSocial {width: 54%; height: auto}
	
.sampleContent_acoreLogo_ContentLogoTriple {width: 34%; height: auto; margin: 44px 11px; background-color: #ffffff; padding: 11px}
.sampleContent_acoreLogo_ContentLogoRevTriple {width: 34%; height: auto; margin: 44px 11px; background-color: #5D5D5D; padding: 11px}

.footer {width: 100%; height: auto; margin: auto; padding: 88px 0 88px 0; background-color: #3f0140; font-family: 'Roboto', sans-serif; color: #ffffff}
.footerBottom_copyright {width: auto; height: auto; float: left; text-transform: uppercase; font-size: 18px; margin: 20px 0 0 60px; padding: 0}
.footerLogo_right {width: 300px; height: auto; float: right; font-weight: 900; font-size: 36px; text-transform: uppercase; margin: 0 60px 22px 0; padding: 0}

}

@media screen and (max-width: 1024px) {

.heroContent {width: 97%; height: auto; float: none; margin: 44px auto 0}
	
.aboutContent {width: 100%; height: auto; margin:-200px auto 0; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.contactContent {width: 100%; height: auto; margin:-200px auto 0; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}

.container {width:auto; height: auto; margin:88px auto -61px; position: relative; z-index: 6; background-color: rgba(113,2,115,.3); box-shadow:0 0 100px 100px #3f0140 inset; display: flex; flex-wrap: wrap; clear:both}
.containerRight_block {width: 166px; height: 166px; background-color: #ffffff; border: 8px solid #000000; margin:0 22px 22px}
.containerRight_blockImage {width: 166px; height: 166px; overflow: hidden; position: absolute}

.sample_print06 {width: 150%; height: auto; transform: rotate(15deg); margin: -100px 0 0 -1px}
.sample_web08 {width: 150%; height: auto; transform: rotate(-11deg); margin: -80px 0 0 -3px}
.sample_social01 {width: 250%; height: auto; transform: rotate(10deg); margin: -43px 0 0 -220px}
.sample_social03 {width: 150%; height: auto; transform: rotate(5deg); margin: -20px 0 0 -63px}
.sample_branding01 {width: 250%; height: auto; transform: rotate(10deg); margin: -29px 0 0 -100px}
.sample_branding03 {width: 250%; height: auto; transform: rotate(8deg); margin: 10px 0 0 -181px}
	
.sampleContent_LadyConcept {display: grid; column-gap: 19px; width: auto; height: auto}
.sampleContent_LadyConcept img {width: 100%; height: auto; display: block}
.sampleContent_LadyConcept_Full {grid-column: 1 / span 4; margin: 0 33px 11px}
.sampleContent_LadyConcept_Quarter1 {grid-column: 1 / span 2; margin: 11px 11px 11px 33px}
.sampleContent_LadyConcept_Quarter2 {grid-column: 3 / span 2; margin: 11px 33px 11px 11px}
.sampleContent_LadyConcept_Quarter3 {grid-column: 1 / span 2; margin: 11px 11px 11px 33px}
.sampleContent_LadyConcept_Quarter4 {grid-column: 3 / span 2; margin: 11px 33px 11px 11px}
.sampleContent_LadyConcept_QuarterTall {grid-column: 1 / span 2; grid-row: span 2; margin: 11px 11px 11px 33px}
.sampleContent_LadyConcept_Half1 {grid-column: 3 / span 2; grid-row: span 1; margin: 11px 33px 11px 11px}
.sampleContent_LadyConcept_Half2 {grid-column: 3 / span 2; grid-row: span 3; margin: 11px 33px 11px 11px}
	
.sampleContent_acoreEventLogo {width: 46%; height: auto; max-height: fit-content; background-color: #fff; margin:44px 11px; padding: 11px}
.sampleContent_acoreEventLogo img {width: 80%; height: auto}		
.sampleContent_acoreEventLogoRev {width: 46%; height: auto; max-height: fit-content; background-color: #5B5B5B; margin:44px 11px; padding: 11px}
.sampleContent_acoreEventLogoRev img {width: 80%; height: auto}
	
.sampleContent_logoBlockSocial {width: 60%; height: auto; margin: 11px; background-color: #fff; padding: 12px}
.sampleContent_socialBlockSocial {width: 40%; height: auto; padding: 11px; background-color: #fff; margin: 22px}
	
.sampleContent_barbadosConcept {display: grid; column-gap: 19px; grid-row-gap: 19px; width: auto; height: auto; margin: 44px}
.sampleContent_barbadosConcept img {width: 100%; height: auto; display: block}
.sampleContent_barbadosConcept_full {grid-column: 1 / span 4}
.sampleContent_barbadosConcept_quarterTall {grid-column: 1 / span 2; grid-row: span 2}
.sampleContent_barbadosConcept_quarter1 {grid-column: 3 / span 2}
.sampleContent_barbadosConcept_quarter2 {grid-column: 3 / span 2}
.sampleContent_barbadosConcept_quarter3 {grid-column: 1 / span 2}
.sampleContent_barbadosConcept_quarter4 {grid-column: 3 / span 2}
.sampleContent_barbadosConcept_half1 {grid-column: 1 / span 2}
.sampleContent_barbadosConcept_half2 {grid-column: 3 / span 2}

}

@media screen and (max-width: 960px) {
	
.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 3.25em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 0 30px}
.mobileMenu_headerLeft img {width: 85%; height: auto}
	
.aboutContent {width: 100%; height: auto; margin: -100px auto 0; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
	
.aboutContent img {width: 50%; height: auto; display: block; margin: 0 auto 44px}
	
.sampleVideoDesktop {width: 85%; height: auto; border-radius: 10px; margin: auto}
.sampleVideoDesktop_short {width: 85%; height: auto; border-radius: 10px; margin: 0 auto 266px}

.sampleContent_strayerMobileRefresh {width: auto; height: auto; margin: 0; display: flex; flex-wrap: wrap; justify-content: center}
.sampleContent_strayerMobileRefresh_half {width: 100%; height: auto; margin: 22px 0}
.sampleContent_strayerMobileRefresh_halfPortrait {width: 30%; height: auto; display: block; margin: auto}
.sampleContent_strayerMobileRefresh_halfLandscape {width: 58%; height: auto; display: block; margin: auto}
.sampleContent_strayerMobileRefresh_full {width: 100%; height: auto; margin: 22px 0}
.sampleContent_strayerMobileRefresh_full img {width: 82%; height: auto; display: block; margin: auto}
	
}

@media screen and (max-width: 912px) {
.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 5.25em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 122px 30px 0}
}

@media screen and (max-width: 900px) {
	
.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 2.25em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 0 30px}
.mobileMenu_headerLeft img {width: 83%; height: auto}
	
.aboutContent {width: 100%; height: auto; margin: -100px auto 0; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.contactContent {width: 100%; height: auto; margin:-100px auto 0; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.contactContent img {width: 59%; height: auto; display: block; margin: 0 auto 44px}	

.headerLogo {width: 189px; height: auto; float: left; margin-left: 30px}
.headerRight {float: right; margin: 27px 30px 0 0; font-family: 'Roboto', sans-serif; font-size: 26px; color: #fff; font-weight: 900; text-transform: uppercase}
.headerRight li {display: inline; margin: 0 0 0 7px}
	
.heroMobile {width: 100%; height: auto; position: relative; z-index: 2; display: block}

.heroContent {width: 97%; height: auto; float: none; margin: 122px auto 0}
.heroImage {width: auto; height: auto; margin: auto; display: none}

.containerRight_block {width: 188px; height: 188px; background-color: #ffffff; border: 8px solid #000000; margin:0 11px 22px}
.containerRight_blockImage {width: 188px; height: 188px; overflow: hidden; position: absolute}
	
.sampleContent_strongStart_full {width: 100%; height: auto}
.sampleContent_strongStart_fullDesktop {width: 80%; height: auto}
.sampleContent_strongStart_fullTablet {width: 50%; height: auto; margin: 44px 0px}
.sampleContent_strongStart_fullMobile {width: 50%; height: auto; margin: 44px 0px}
.sampleContent_strongStart_half {width: 100%; height: auto}
.sampleContent_strongStart_half img {width: 30%; height: auto; margin: 44px 0px}

.sampleContent {width: 100%; height: auto; position: relative; margin: 88px 0 0 0; text-align: center}
.sample_branding03 {width: 250%; height: auto; transform: rotate(8deg); margin: 10px 0 0 -266px}

.footerLogo {width: 217px; height: auto; float: left; margin-left: 30px}
.footerBottom_copyright {width: auto; height: auto; float: left; text-transform: uppercase; font-size: 18px; margin: 20px 0 0 30px; padding: 0}
.footerLogo_right {width: 228px; height: auto; float: right; font-weight: 900; font-size: 36px; text-transform: uppercase; margin: 0 30px 22px 0; padding: 0}
.footerBottom_nav li {display: inline; margin: 0 36px 0 0}
.footerBottom_nav {width: 228px; height: auto; float: right; margin-right: 30px}
}

@media screen and (max-width: 820px) {
.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 5.25em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 88px 30px 0}
}


@media screen and (max-width: 800px) {

.heroContent {width: auto; height: auto; float: none; margin: 52px 30px 0}
.heroMobile_portrait {width: 92%; height: auto; display: block; position: relative; z-index: 1; margin: -191px auto 0}
.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 4.25em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 88px 30px 0}
	
.sampleContent_strayerMobileUX_half {width: 90%; height: auto; margin: 11px 11px 66px}
.sampleContent_strayerMobileUX_quarter {width: 45%; height: auto; margin: 11px}
.sampleContent_strayerMobileUX_full {width: 100%; height: auto; margin: 11px 11px 66px}
.sampleContent_strayerMobileUX_full div {width: 68%; height: auto; background-color: #ffffff; border-radius: 22px; margin: auto; padding: 11px}
	
.sampleContent_acoreLogo_ContentLogoTriple {width: 63%; height: auto; margin: 44px 11px; background-color: #ffffff; padding: 11px}
.sampleContent_acoreLogo_ContentLogoRevTriple {width: 63%; height: auto; margin: 44px 11px; background-color: #5D5D5D; padding: 11px}

}

@media screen and (max-width: 757px) {

.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 2em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 0 30px}
	
.header {width: 100%; height: auto; margin:22px auto 0; position: absolute; z-index: 4; top: 0; display: none}
.heroContainer {width: 100%; height: auto; margin: auto}
.headerMobile {width: 100%; height: auto; position: absolute; z-index: 6000; top: 22px; display: block}
	
}

@media screen and (max-width: 690px) {

.mobileMenu_headerLeft img {width: 78%; height: auto}
.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 2.4em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 0 30px}
	
.heroAboutImageMobile {width: auto; height: auto; margin:100px auto 0; display: block}
	
	
.headerLogo {width: 132px; height: auto; float: left; margin-left: 30px}
	
.hero {width: 100%; height: auto; z-index: 3; top: 0; position: relative; margin: -150px 0 0 0}
.heroContent_title {width: 279px; height: auto;}
.heroContent p {font-family: 'Roboto', sans-serfi; color: #fff; font-size: 18px; line-height: 1.5}
.heroMobile_portrait {width: 92%; height: auto; display: none; position: relative; z-index: 1; margin: -191px auto 0}
	
.sampleContent_WordCloudContent {width: 80%; height: auto; padding: 11px; background-color: #fff; margin: 22px}
	
.sampleContent_socialBlockSocial {width: 60%; height: auto; padding: 11px; background-color: #fff; margin: 22px}
.sampleContent_LeonardoBlock {width: 80%; height: auto; margin: 22px; padding: 11px; background-color: #ffffff}
	
.sampleContent_socialBlock_book_cover {width: 41%; height: auto}
.sampleContent_socialBlock_book_spread {width: 80%; height: auto}
	
.sampleContent_acoreEventLogo {width: 65%; height: auto; max-height: fit-content; background-color: #fff; margin:22px 11px; padding: 11px}
.sampleContent_acoreEventLogo img {width: 80%; height: auto}		
.sampleContent_acoreEventLogoRev {width: 65%; height: auto; max-height: fit-content; background-color: #5B5B5B; margin:22px 11px; padding: 11px}
.sampleContent_acoreEventLogoRev img {width: 80%; height: auto}
	
.sampleContent_acceConventionLogo_content {width: 90%; height: auto; background-color: #ffffff; border-radius: 10px; overflow: hidden; margin: 15px}
.sampleContent_acceConventionLogo_contentBlack {width: 90%; height: auto; background-color: #000000; border-radius: 10px; overflow: hidden; margin: 15px}
.sampleContent_acceConventionLogo img {width: 80%; height: auto}

.footer {width: 100%; height: auto; margin: auto; padding: 44px 0 44px 0; background-color: #3f0140; font-family: 'Roboto', sans-serif; color: #ffffff}
.footerLogo_right {width: 100%; height: auto; float: none; font-weight: 900; font-size: 36px; text-transform: uppercase; margin: auto; padding: 0; text-align: center}
.footerLogo {width: 180px; height: auto; float: none; margin: auto}
.footerBottom_nav {width: 100%; height: auto; float: none; margin: 44px auto 0; text-align: center}
.footerBottom_nav li {display: inline; margin: 0 25px}
.footerBottom_copyright {width: 100%; height: auto; float: none; text-transform: uppercase; font-size: 18px; margin: auto; padding: 0; text-align: center;}

}

@media screen and (max-width: 568px) {

.contactContent {width: 100%; height: auto; margin:auto; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.contactContent img {width: 82%; height: auto; display: block; margin: 0 auto 44px}	
.aboutContent {width: 100%; height: auto; margin: auto; font-family: 'Roboto', sans-serif; font-size: 24px; color: #ffffff; line-height: 1.5; text-align: center}
.aboutContent img {width: 65%; height: auto; display: block; margin: 0 auto 44px}
	
.heroAboutImageMobile {width: auto; height: auto; margin: 100px auto 66px}
	
.heroContainer {width: 85%; height: auto; margin: auto}

.headerLogo {width: 180px; height: auto; float: none; margin: auto}
.headerRight {float: right; margin: 0px 30px 0 0; font-family: 'Roboto', sans-serif; font-size: 20px; color: #fff; font-weight: 900; text-transform: uppercase; display: none}
.heroContent {width: 97%; height: auto; float: none; margin: 67px auto 0; text-align: center}
.heroContent_title {width: 279px; height: auto; margin: auto}
.containerRight {width: auto; height: auto; margin: 0 30px 0; display: flex; flex-wrap: wrap; justify-content: center}
.container {width:auto; height: auto; margin:88px auto -21px; position: relative; z-index: 6; background-color: rgba(113,2,115,.3); box-shadow:0 0 100px 100px #3f0140 inset; display: flex; flex-wrap: wrap; clear:both}
	
.sample_mobileIntroduction {font-family: 'Roboto', sans-serif; color: #ffffff; width: 80%; margin: 66px auto 0; text-align: center; display: block}
.sampleContent_logoBlockSocial {width: 80%; height: auto; margin: 11px; background-color: #fff; padding: 12px}
	
.sampleContent_LadyConcept {display: grid; column-gap: 19px; width: auto; height: auto}
.sampleContent_LadyConcept img {width: 100%; height: auto; display: block}
.sampleContent_LadyConcept_Full {grid-column: 1 / span 1; margin: 0 33px 11px}
.sampleContent_LadyConcept_Quarter1 {grid-column: 1 / span 1; margin: 11px 33px}
.sampleContent_LadyConcept_Quarter2 {grid-column: 1 / span 1; margin: 11px 33px}
.sampleContent_LadyConcept_Quarter3 {grid-column: 1 / span 1; margin: 11px 33px}
.sampleContent_LadyConcept_Quarter4 {grid-column: 1 / span 1; margin: 11px 33px}
.sampleContent_LadyConcept_QuarterTall {grid-column: 1 / span 1; grid-row: span 2; margin: 11px 33px}
.sampleContent_LadyConcept_Half1 {grid-column: 1 / span 1; grid-row: span 1; margin: 11px 33px}
.sampleContent_LadyConcept_Half2 {grid-column: 1 / span 1; grid-row: span 1; margin: 11px 33px}

.sampleContent_ElectionEmail {width: 80%; height: auto}
	
.sampleContent_barbadosConcept {display: grid; column-gap: 19px; grid-row-gap: 19px; width: auto; height: auto; margin: 44px}
.sampleContent_barbadosConcept img {width: 100%; height: auto; display: block}
.sampleContent_barbadosConcept_full {grid-column: 1 / span 1}
.sampleContent_barbadosConcept_quarterTall {grid-column: 1 / span 1; grid-row: span 2}
.sampleContent_barbadosConcept_quarter1 {grid-column: 1 / span 1}
.sampleContent_barbadosConcept_quarter2 {grid-column: 1 / span 1}
.sampleContent_barbadosConcept_quarter3 {grid-column: 1 / span 1}
.sampleContent_barbadosConcept_quarter4 {grid-column: 1 / span 1}
.sampleContent_barbadosConcept_half1 {grid-column: 1 / span 1}
.sampleContent_barbadosConcept_half2 {grid-column: 1 / span 1}
	

.sampleContent_morganFranklin_emailContent {width: 80%; height: auto; margin: 22px auto}
.sampleContent_morganFranklin_emailContent img {width: 100%; height: auto}

.containerRight_block {width: 172px; height: 172px; background-color: #ffffff; border: 8px solid #000000; margin:0 11px 22px}
.containerRight_blockImage {width: 172px; height: 172px; overflow: hidden; position: absolute}

}

@media screen and (max-width: 493px) {
.heroAboutImageMobile {width: auto; height: auto; margin: 100px auto 66px; display: none}
.hero {width: 100%; height: auto; z-index: 3; top: 0; position: relative; margin: 194px 0 0 0}
.heroMobile_cloud {width: 100%; height: auto; display: none; position: relative; z-index: 0}
}

@media screen and (max-width: 480px) {

.mobileMenu_content {width: auto; height: auto; font-family: 'Roboto', sans-serif; font-size: 3em; font-weight: 900; text-transform: uppercase; color: #ffffff; margin: 88px 30px}
.mobileMenu_social {width: auto; height: auto; position: fixed; bottom: 80px; margin: auto; text-align: center; left: 0; right: 0}
.mobileMenu_social li {display: inline; margin: 0 15px}
.mobileMenu_copyright {width: auto; height: auto; position: fixed; bottom: 30px; left: 0; right: 0; font-size: 18px; text-transform: uppercase; color: #ffffff; font-family: 'Roboto', sans-serif; text-align: center}
	
.sampleContent_acceConventionLogo img {width: 100%; height: auto}
	
.sampleContent_acoreLogo_ContentLogoTriple {width: 80%; height: auto; margin: 44px 11px; background-color: #ffffff; padding: 11px}
.sampleContent_acoreLogo_ContentLogoRevTriple {width: 80%; height: auto; margin: 44px 11px; background-color: #5D5D5D; padding: 11px}
.sampleContent_acoreLogo_ContentLogo_sizeA {width: 100%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeB {width: 100%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeC {width: 100%; height: auto}
.sampleContent_acoreLogo_ContentLogo_sizeD {width: 100%; height: auto}
	
.sampleContent_socialBlock_book_coverLandscape {width: 80%; height: auto}
.sampleContent_socialBlock_book_spreadLandscape {width: 80%; height: auto}
	
.sampleContent_strayerMobileRefresh_halfPortrait {width: 80%; height: auto; display: block; margin: auto}
.sampleContent_strayerMobileRefresh_halfLandscape {width: 80%; height: auto; display: block; margin: auto}
	
.sampleContent_strongStart_fullTablet {width: 80%; height: auto; margin: 44px 0px}
.sampleContent_strongStart_fullMobile {width: 80%; height: auto; margin: 44px 0px}
.sampleContent_strongStart_half img {width: 80%; height: auto; margin: 44px 0px}
	
.sampleContent_acceConventionSite_desktop {width: 80%; height: auto}
.sampleContent_acceConventionSite_tabletLandscape {width: 80%; height: auto}
.sampleContent_acceConventionSite_tabletPortrait {width: 80%; height: auto}
.sampleContent_acceConventionSite_mobileLandscape {width: 80%; height: auto}
.sampleContent_acceConventionSite_mobilePortrait {width: 80%; height: auto}
	
.sampleContent_WandP_BandC {width: 80%; height: auto; margin: 22px 0}

.sampleContent_acoreEventLogo {width: 80%; height: auto; max-height: fit-content; background-color: #fff; margin:22px 11px; padding: 11px}
.sampleContent_acoreEventLogo img {width: 100%; height: auto}
.sampleContent_acoreEventLogoRev {width: 80%; height: auto; max-height: fit-content; background-color: #5B5B5B; margin:22px 11px; padding: 11px}
.sampleContent_acoreEventLogoRev img {width: 100%; height: auto}
	
.sampleContent_socialBlock_book_cover {width: 80%; height: auto}
	
.headerMobile_contentLogo {width: auto; height: auto; float: left; margin: 0 0 0 30px}

.sampleContent_wellness-Wednesday_half {width: 100%; height: auto; margin: 22px}
.sampleContent_wellness-Wednesday_fullBanner {width: 100%; height: auto}
.sampleContent_wellness-Wednesday_fullSocial {width: 100%; height: auto}
	
.sampleContent_socialBlockSocial {width: 100%; height: auto; padding: 11px; background-color: #fff; margin: 22px}

.containerRight_block {width: 271px; height: 271px; background-color: #ffffff; border: 8px solid #000000; margin:0 11px 22px}
.containerRight_blockImage {width: 271px; height: 271px; overflow: hidden; position: absolute}
	
.sampleContent_strayerMobileUX_half div {width: 90%; height: auto; background-color: #ffffff; border-radius: 22px; margin: auto; padding: 11px}
.sampleContent_strayerMobileUX_quarter {width: 90%; height: auto; margin: 11px}
.sampleContent_strayerMobileUX_quarter div {width: 90%; height: auto; background-color: #ffffff; border-radius: 22px; margin: auto; padding: 11px}
.sampleContent_strayerMobileUX_full div {width: 86%; height: auto; background-color: #ffffff; border-radius: 22px; margin: auto; padding: 11px}
.sampleContent_strayerMobileUX_half img {width: 46%; height: auto; display: block; margin: auto}

}