@font-face {
  font-family: 'Heebo-Black';
  src: url(/assets/Heebo/Heebo-Black-cce9d5e86c7fdab0b0ac7ee85c4d0f88a20c5f50041306183ee1ff4d2ed15c40.ttf) format("truetype"); }

@font-face {
  font-family: 'Heebo-Bold';
  src: url(/assets/Heebo/Heebo-Bold-17bdec41264b5114d9677599db7e947e2711d060d3d882a5ffb0c747e2f4ca54.ttf) format("truetype"); }

@font-face {
  font-family: 'Heebo-ExtraBold';
  src: url(/assets/Heebo/Heebo-ExtraBold-d0d285648c817846a00d9a0e29fe66b0735695e982a2953f5a9333a2d006c02e.ttf) format("truetype"); }

@font-face {
  font-family: 'Heebo-Light';
  src: url(/assets/Heebo/Heebo-Light-9eed64463ae725cd222147dcd096a831b74d109fd3c1ea724911e7f7ba51dedc.ttf) format("truetype"); }

@font-face {
  font-family: 'Heebo-Medium';
  src: url(/assets/Heebo/Heebo-Medium-a93f23ddd75936958334cd991cce36134244d152e72569ade05bb6dd79b89030.ttf) format("truetype"); }

@font-face {
  font-family: 'Heebo-Regular';
  src: url(/assets/Heebo/Heebo-Regular-7167d9e511864d9f7879f685802684a1d392ce300717589829907c55fd6ddfe6.ttf) format("truetype"); }

@font-face {
  font-family: 'Heebo-Thin';
  src: url(/assets/Heebo/Heebo-Thin-2b41d4200964f385143eefc5e0c86a6eccdb4a6f513cce33effeeeeada0b785a.ttf) format("truetype"); }

@font-face {
  font-family: 'Roboto-MediumItalic';
  src: url(/assets/Heebo/Roboto-MediumItalic-58c61c3ce776d5f3f2410feca36105ae3aa1f4f1db3d44ed4ab36dfa24d15c48.ttf) format("truetype"); }

* {
  font-family: 'Heebo-Regular'; }

.heebo-bold {
  font-family: 'Heebo-Bold'; }

.margin-bottom-5px {
  margin-bottom: 5px !important; }

.add_on_body {
  border-radius: 0px !important; }

.site-derictory {
  color: white; }

.site-derictory:hover {
  color: white; }

.main-container {
  max-width: 1366px;
  margin: auto; }

.add-left-margin {
  margin-left: 20px; }

.collection-images {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  grid-template-rows: repeat(3, 1fr);
  gap: 10px;
  margin-top: 28px; }

.collection-image {
  cursor: pointer;
  width: 100%;
  height: 100%;
  object-fit: cover; }

.download-collection-image {
  display: none;
  position: absolute;
  right: 5px;
  bottom: 5px;
  transform: translate(-50%, -50%);
  cursor: pointer;
  height: 25px; }

.collection-image-1 {
  position: relative;
  grid-column: 1 / 4;
  grid-row: 1 / 2; }

.collection-image-2 {
  position: relative;
  grid-column: 4 / 6;
  grid-row: 1 / 2; }

.collection-image-3 {
  position: relative;
  grid-column: 6 / 8;
  grid-row: 1 / 2; }

.collection-image-4 {
  position: relative;
  grid-column: 1 / 3;
  grid-row: 2 / 2; }

.collection-image-5 {
  position: relative;
  grid-column: 3 / 6;
  grid-row: 2 / 2; }

.collection-image-6 {
  position: relative;
  grid-column: 6 / 8;
  grid-row: 2 / 2; }

.collection-image-7 {
  position: relative;
  grid-column: 1 / 3;
  grid-row: 3 / 3; }

.collection-image-8 {
  position: relative;
  grid-column: 3 / 5;
  grid-row: 3 / 3; }

.collection-image-9 {
  position: relative;
  grid-column: 5 / 8;
  grid-row: 3 / 3; }

.author-images {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(2, 1fr);
  margin-left: -10px; }
  .author-images .image:hover {
    cursor: pointer; }

.image {
  width: 100%;
  height: 100%;
  padding: 4px;
  object-fit: cover; }

.image-1 {
  position: relative;
  width: 100%;
  grid-column: 1 / span 2;
  grid-row: 1 / span 2; }

.image-2 {
  position: relative;
  grid-column: 3 / span 4;
  grid-row: 1 / span 1; }

.image-3 {
  position: relative;
  grid-row: 2 / span 3; }

.image-4 {
  position: relative;
  grid-row: 2 / span 3; }

.headshot {
  width: 97%;
  max-width: 600px;
  height: 650px;
  margin: 68px 0 0 100px;
  object-fit: cover; }

.author-intro {
  display: flex;
  gap: 10%;
  background: linear-gradient(310deg, #77923c, #053d63);
  width: 100%;
  height: 500px; }

.author-starter {
  margin-top: 115px; }

.CEO-of-2 {
  display: flex;
  font-family: 'Heebo-Bold';
  align-items: center;
  margin-top: 10px;
  font-size: 24px;
  font-weight: bold;
  line-height: 0.75;
  color: #404040; }

.ceo-logo {
  padding-left: 3px;
  padding-bottom: 1px; }

.Bryan-Clayton {
  display: inline-block;
  font-size: 76px;
  font-weight: bold;
  line-height: 17.82pt;
  letter-spacing: 1.2px;
  color: #fff;
  margin-top: 30px;
  font-family: 'Heebo-Bold';
  transform: none;
  margin-bottom: 0;
  padding: 0; }

.Rectangle {
  width: 100%;
  height: 21px;
  background-color: #9ac540; }

.A-blend-of-visionar {
  font-size: 19px;
  font-weight: 500;
  font-style: italic;
  color: #fff;
  margin-top: 30px;
  margin-right: 10px;
  font-family: 'Roboto-MediumItalic'; }
  .A-blend-of-visionar .forbes-txt {
    font-size: 17px;
    font-family: Heebo-Medium;
    font-style: normal; }

.social-media {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 20px 0px; }

.social-media li a {
  display: block;
  transition: transform 0.3s ease-in-out;
  /* Add a smooth transition effect */ }

.social-media li a:hover {
  transform: scale(1.2);
  /* Increase the size on hover (adjust as needed) */ }

.content-container {
  margin: 0 100px;
  display: flex;
  gap: 90px; }

.left-side-content {
  margin-top: 290px;
  min-width: 65%;
  max-width: 65%; }

.Bio-Short-Version {
  font-size: 40px;
  font-weight: bold;
  line-height: 1.05;
  color: #404040; }

.highlight-bio {
  line-height: 1.2;
  background-color: #9ac5404d;
  padding-right: 7px;
  padding-top: 2px; }

.Author_Bryan-Clayton {
  margin-top: 15px;
  background-color: #fff;
  font-size: 20px;
  line-height: 27pt; }

.paragraph-style {
  display: inline-block;
  margin-top: 0px !important;
  margin-bottom: 20px !important; }

.paragraph-style-2 {
  display: inline-block;
  margin-top: 0px !important;
  margin-bottom: 7px !important; }

.paragraph-style-3 {
  display: inline-block;
  margin-top: 0px !important;
  margin-bottom: 14px !important; }

.paragraph-style-4 {
  display: inline-block;
  margin-top: 0px !important;
  margin-bottom: 35px !important; }

.paragraph-style-5 {
  display: inline-block;
  margin-top: 0px !important;
  margin-bottom: 17px !important; }

.bryan-notable-press {
  line-height: 1.4; }

.margin-bottom-25 {
  margin-top: 0px !important;
  margin-bottom: 29px !important; }

.bottom-margin-20 {
  margin-top: 0px !important; }

.Explore-My-Photo-Col {
  display: inline-block;
  font-size: 18px;
  line-height: 2;
  color: #404040;
  margin-top: 15px;
  text-decoration: underline;
  font-family: Heebo-Regular; }

.Collection {
  cursor: pointer; }

.Collection img {
  vertical-align: middle; }

.Lets-dig-a-little-d {
  font-size: 20px;
  line-height: 1.8;
  color: #404040; }

.text-style-1 {
  text-decoration: underline;
  font-size: 22px;
  font-weight: bold;
  color: #00a3e7;
  font-family: 'Heebo-Bold'; }

.text-style-2 {
  text-decoration: underline;
  font-size: 20px;
  line-height: 1.8;
  letter-spacing: normal;
  color: #00a3e7; }

.press-heading {
  font-size: 28px;
  font-weight: bold;
  line-height: 1.5;
  color: #404040;
  font-family: 'Heebo-Bold'; }

.press-list-style {
  font-size: 20px;
  line-height: 1.8;
  color: #404040; }

.notable-press-coverage .press-list-style {
  margin-bottom: 12px !important;
  padding-left: 5px; }

.press-list li::marker {
  font-size: 1.4em; }

.notable-press-coverage .press-list {
  margin-bottom: 31px; }

ul.press-list {
  padding-left: 3%; }

.cross-div {
  padding: 25px 19px 0 0; }

.press-materials {
  display: flex;
  margin: 15px 0 6%;
  gap: 4%; }
  .press-materials .press-material {
    width: 30.3%; }

.press-material-title {
  display: flex;
  justify-content: space-between; }
  .press-material-title p img {
    margin: 0 0 -4% 0;
    width: 12px; }
  .press-material-title p .download {
    text-decoration: underline;
    font-size: 12px;
    line-height: 1.67;
    color: #404040;
    text-underline-offset: 2px; }

.download-btn {
  cursor: pointer; }

.download-btn img {
  transition: transform 0.3s ease-in-out; }

.download-btn:hover img {
  transform: scale(1.2); }

.brand-logo {
  font-size: 16px;
  font-weight: 550;
  line-height: 1.67;
  color: #404040;
  font-family: Heebo-Medium; }

.online-presence {
  margin: 0 0 0 100px;
  max-width: 55%;
  background-color: #effeee;
  padding: 32px 0px 14px 37px; }

.Explore-Bryan-Clayto {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.31;
  color: #404040;
  font-family: Heebo-Bold; }

.online-presence-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 23px 52px 0 0;
  font-size: 18px;
  color: #404040; }

.online-presence-links-text {
  display: inherit;
  gap: 5px;
  font-size: 18px;
  color: #404040; }

.centered-content {
  display: flex;
  align-items: center;
  /* Center vertically */ }

.share-details {
  display: flex;
  gap: 1.7%;
  align-items: baseline;
  background-color: white;
  margin-bottom: 4.5%;
  padding: 37px 0 0 0; }
  .share-details .share-links-text {
    font-size: 14px;
    color: #404040;
    text-align: center;
    padding: 6px 20px 5px;
    object-fit: contain;
    border-radius: 33px;
    border: solid 1px #b8b8b8;
    background-color: #fff;
    transition: transform 0.3s ease-in-out; }
    .share-details .share-links-text img {
      margin: 0 3px -1px 0; }
    .share-details .share-links-text a {
      color: #0a3755; }
  .share-details .share-links-text:hover {
    transform: scale(1.2); }

.online-presence-social {
  text-decoration: underline;
  font-size: 18px;
  color: #00a3e7;
  font-family: Heebo-Bold;
  text-underline-offset: 3px; }

.online-presence-links {
  margin: 23px 67px 0 0; }
  .online-presence-links .online-presence-links-text {
    width: 50%; }

.CEO-of {
  font-size: 24px;
  font-weight: bold;
  line-height: 0.75;
  color: #fff;
  font-family: 'Heebo-Bold'; }

.cross-btn {
  cursor: pointer;
  height: 18px;
  margin: 15px 20px 0 0 !important;
  z-index: 999; }

.vendor_add_on_popup .add_on_body {
  width: 88.2%;
  height: max-content;
  margin: 3.4% auto 5.5% auto;
  z-index: 9999; }

.vendor_add_on_popup .add_on_body .popup_sections {
  padding: 0px 10px 37px 19px !important;
  position: relative;
  top: -16px; }

.popup-logo {
  height: 23px !important;
  padding-top: 1px; }

.photo-collection span {
  padding-left: 7px; }

.share-thiss {
  min-width: max-content;
  font-weight: 600; }

/* right side content css	*/
.BRYAN-CLAYTON-POPULA {
  display: inline-block;
  margin-top: 63px;
  font-size: 16px;
  font-weight: 600;
  color: #404040; }

.Click-to-Listen {
  font-size: 32px;
  font-weight: bold;
  line-height: 1.2;
  color: #404040;
  font-family: 'Heebo-Bold'; }

.podcast:hover {
  background-image: linear-gradient(to bottom, #9ac540 -14%, #42a042 93%); }

.apple-text {
  font-size: 18px;
  color: #fff;
  font-family: 'Heebo-Medium'; }

.apple-text img {
  vertical-align: middle; }

.youtube-logo {
  vertical-align: middle !important; }

.podcast {
  cursor: pointer;
  margin: 14px 0 15px 1px;
  padding: 20px 20px 18px 44px;
  object-fit: contain;
  border-radius: 12px;
  background-color: #0a3755; }

.media-mention {
  background-color: #e7f5fa;
  margin-top: 60px; }

.media-mention-inner {
  padding: 34px 20px; }

.BRYAN-CLAYTON {
  font-size: 16px;
  font-weight: 600;
  color: #404040;
  font-family: Heebo-Medium; }

.Popular-Media-Mentio {
  display: block;
  font-size: 32px;
  font-weight: bold;
  line-height: 1.19;
  font-family: Heebo-Bold;
  color: #404040; }

.social-media-links {
  margin-left: 0px;
  list-style: none; }

.media-title {
  display: flex;
  gap: 18px;
  margin-top: 30px; }

.media-images {
  height: 54px;
  width: 54px;
  margin: auto 0;
  vertical-align: middle; }

.media-text {
  font-size: 16px;
  line-height: normal;
  font-weight: 600;
  color: #404040; }

.media-title:hover .media-text {
  color: #00a3e7;
  text-decoration: underline; }

.post {
  background-color: #effeee;
  margin-top: 60px; }

/*end*/
.explore-logo {
  vertical-align: middle; }

@media (max-width: 340px) {
  .author-intro .author-starter {
    margin: 50px 0 0px 10px !important; } }

@media (max-width: 390px) {
  body .padding-container {
    padding: 0px 0px !important; }
  .author-starter .Bryan-Clayton {
    font-size: 43px !important; }
  .photo-collection {
    font-size: 35px !important; }
  .photo-collection span {
    font-size: 35px !important; } }

@media (max-width: 400px) {
  .online-presence {
    padding: 32px 0px 5px 15px !important; }
  .padding-container {
    padding: 0px 6px !important; } }

@media (max-width: 767px) {
  .vendor_add_on_popup .add_on_body .popup_sections {
    width: 90% !important;
    padding: 0 !important; }
  .add_on_body .cross-div {
    padding: 5px 5px 0 0 !important; }
  .cross-div .cross-btn {
    height: 19px !important; }
  .popup_sections .CEO-of-2 {
    font-size: 24px !important; }
  .vendor_add_on_popup .add_on_body .popup_sections .photo-collection {
    font-size: 40px !important;
    line-height: 1.1; }
  .padding-container .main-container .author-intro {
    gap: 2% !important; }
  .online-presence-links-text {
    padding-bottom: 20px; }
  .post {
    margin-top: 40px; }
  .media-title {
    margin-top: 31px !important; }
  .media-text {
    width: 70% !important; }
  .media-mention {
    margin-top: 35px; }
  .content-container {
    gap: 0 !important; }
  .press-materials > div > img {
    height: 230px; }
  .press-materials > div > div > p > img {
    height: 17px;
    vertical-align: text-bottom; }
  .press-materials {
    gap: 25px; }
  .bottom-margin-20 {
    margin-bottom: 20px !important; }
  p {
    margin-bottom: 0rem !important; }
  .hide-br {
    display: none; }
  .image {
    padding: 2px !important; }
  .author-images {
    grid-gap: 0px !important;
    margin-left: 0px !important; }
  .squaretwo {
    display: none; }
  .download-collection-image {
    display: block;
    height: 26px; }
  .CEO-of {
    margin: 50px 0 0 0 !important; }
  .author-intro {
    position: relative;
    top: 92px; }
  .padding-container {
    padding: 0; }
  .author-intro {
    flex-wrap: wrap;
    background: linear-gradient(1deg, #495a23, #053d63) !important; }
  .author-starter {
    flex: 1;
    order: 1;
    flex-basis: 100%;
    margin: 50px 0 0px 20px !important; }
  .author-pic {
    flex: 1;
    order: 2;
    margin: 0 20px; }
  .author-pic .headshot {
    margin: 0 0 0 0 !important;
    height: 400px !important;
    object-fit: cover;
    width: 100% !important; }
  .main-container .author-intro {
    height: 555px !important; }
  .main-container .content-container {
    margin: 0px 18px !important; }
  .press-list {
    margin-left: 20px; }
  body .online-presence {
    margin: 40px 20px 20px 20px !important;
    gap: 15px !important; }
  .online-presence-links {
    margin: 20px 0px !important; }
  .share-links-text {
    font-size: 13px;
    min-width: 20px; }
  .podcast {
    padding-left: 28%; }
  .author-images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(4, 1fr);
    grid-gap: 10px;
    /* Optional, to add some spacing between grid items */ }
  .image-1 {
    grid-column: 1 / span 2;
    grid-row: 1 / span 2; }
  .image-2 {
    grid-column: 1 / span 2;
    grid-row: 3 / span 1; }
  .image-3 {
    grid-column: 1 / span 1;
    grid-row: 4 / span 1; }
  .image-4 {
    grid-column: 2 / span 1;
    grid-row: 4 / span 1; }
  .Collection {
    text-align: center; }
  .cross-div .popup_sections {
    padding: 0px; }
  .collection-images {
    grid-template-columns: repeat(2, 1fr) !important;
    grid-template-rows: repeat(9, 1fr) !important; }
  .collection-image {
    width: 100%;
    height: 100%; }
  .collection-image-1, .collection-image-3, .collection-image-5, .collection-image-7, .collection-image-9 {
    grid-column: 1 / 2 !important; }
  .collection-image-2, .collection-image-4, .collection-image-6, .collection-image-8 {
    grid-column: 2 / 3 !important; }
  .collection-image-1 {
    grid-row: 1 / 2; }
  .collection-image-2 {
    grid-row: 1 / 3; }
  .collection-image-3 {
    grid-row: 2 / 4; }
  .collection-image-4 {
    grid-row: 3 / 5; }
  .collection-image-5 {
    grid-row: 4 / 6; }
  .collection-image-6 {
    grid-row: 5 / 7; }
  .collection-image-7 {
    grid-row: 6 / 8; }
  .collection-image-8 {
    grid-row: 7 / 9; }
  .collection-image-9 {
    grid-row: 8 / 10 !important; }
  .main-container .author-intro .author-starter .A-blend-of-visionar {
    letter-spacing: 0.1px; } }

@media (min-width: 767px) and (max-width: 965px) {
  .main-container .author-intro .author-pic .headshot {
    margin: 40px 0 0 35px !important;
    height: 440px !important;
    width: 93% !important; }
  .author-intro .author-starter .Bryan-Clayton {
    font-size: 45px !important; }
  .CEO-of {
    display: block; }
  .main-container .content-container {
    margin: 0 4.8% 0 !important; }
  .online-presence {
    margin-left: 5% !important;
    max-width: 58% !important; }
  .main-container .share-details .share-links-text {
    padding: 5px 8px 3px !important; }
  .media-text {
    font-size: 12px !important; }
  .bryan-clayton-on {
    white-space: nowrap; }
  .download-collection-image {
    height: 18px; } }

@media (min-width: 480px) and (max-width: 965px) {
  .Bryan-Clayton {
    font-size: 35px !important; }
  .CEO-of {
    font-size: 14px !important; }
  .CEO-of img {
    height: 15px !important; }
  .author-starter {
    margin-right: 40px;
    margin-left: 20px; }
  .headshot {
    margin: 68px 0 0 40px !important; }
  .content-container {
    margin: 0 40px !important;
    gap: 40px !important; } }

@media (max-width: 1100px) {
  .content-container {
    margin: 0 85px !important; }
  .left-side-content {
    margin-top: 400px; }
  .Rectangle {
    height: 16px !important; }
  .author-intro {
    height: 400px !important; }
  .headshot {
    width: 86% !important; }
  .padding-container .author-intro {
    gap: 4% !important; }
  .Bryan-Clayton {
    font-size: 60px; }
  .headshot {
    margin: 54px 0 0 82px !important; }
  .author-starter {
    margin-top: 90px !important; }
  .A-blend-of-visionar {
    font-size: 16px !important; }
    .A-blend-of-visionar .forbes-txt {
      font-size: 14px; }
  .CEO-of-2 {
    font-size: 20px !important; }
  .photo-collection {
    font-size: 31px !important; }
  .cross-btn {
    height: 14px !important; }
  /*.social-media li a img{
    max-width: 90%;
  }
*/ }

@media (max-width: 1300px) {
  .online-presence {
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px; }
  .share-thiss {
    display: block;
    width: 100%;
    text-align: center; } }

@media (max-width: 1280px) {
  .podcast {
    padding: 18px 20px 16px 44px; }
  .author-intro {
    gap: 10% !important; }
  .author-intro {
    height: 458px; }
    .author-intro .author-starter {
      margin-top: 8%; }
    .author-intro .author-pic {
      width: 617px; }
      .author-intro .author-pic .headshot {
        margin: 64px 0 0 95px;
        width: 98%;
        height: 603px; }
    .author-intro .author-starter {
      margin-top: 107px;
      width: 601px; }
      .author-intro .author-starter .CEO-of {
        font-size: 22px; }
        .author-intro .author-starter .CEO-of .ceo-logo {
          width: 110px;
          padding: 0 0 0 3px; }
      .author-intro .author-starter .Bryan-Clayton {
        font-size: 71px;
        margin-top: 25px; }
      .author-intro .author-starter .A-blend-of-visionar {
        margin-top: 22px; }
      .author-intro .author-starter .social-media {
        margin: 25px 0px; }
        .author-intro .author-starter .social-media li img {
          width: 40px; }
  .content-container {
    margin: 0 94px;
    gap: 85px; }
  .A-blend-of-visionar {
    font-size: 18px; }
    .A-blend-of-visionar .forbes-txt {
      font-size: 16px; }
  .media-text {
    font-size: 14px; }
  .media-title {
    margin-top: 20px; }
  .online-presence {
    margin: 0 0 0 94px; }
  .left-side-content .heebo-bold {
    font-size: 37px; }
  .left-side-content .text-style-1 {
    font-size: 21px; }
  .left-side-content .Author_Bryan-Clayton {
    font-size: 18.5px;
    line-height: 25pt; }
  .left-side-content .press-heading {
    font-size: 26px; }
  .left-side-content .press-list li::marker {
    font-size: 20px; }
  .left-side-content .press-list li .press-list-style {
    line-height: 2.8;
    font-size: 18px; }
    .left-side-content .press-list li .press-list-style text-style-2 {
      font-size: 18px; }
  .right-side-content .BRYAN-CLAYTON-POPULA {
    letter-spacing: 0.2px;
    font-size: 15px;
    margin-top: 57px; }
  .right-side-content .Click-to-Listen {
    font-size: 30px; }
  .right-side-content .podcast .apple-text {
    font-size: 17px; }
    .right-side-content .podcast .apple-text img {
      width: 20px; }
  .right-side-content .media-mention {
    margin-top: 58px; }
    .right-side-content .media-mention .media-mention-inner {
      padding: 32px 18px; }
      .right-side-content .media-mention .media-mention-inner .BRYAN-CLAYTON {
        font-size: 15px;
        font-weight: unset; }
      .right-side-content .media-mention .media-mention-inner .Popular-Media-Mentio {
        font-size: 30px; }
  .right-side-content .post .media-mention-inner .BRYAN-CLAYTON {
    font-weight: unset; }
  .press-materials {
    margin-bottom: 6%; }
    .press-materials .press-material {
      width: 30.3%; }
      .press-materials .press-material .brand-logo {
        font-size: 15px; }
    .press-materials .press-material-title p:last-child img {
      width: 11px; }
    .press-materials .press-material-title p:last-child .download {
      font-size: 11px; }
  .online-presence {
    padding: 32px 0px 14px 35px; }
    .online-presence .Explore-Bryan-Clayto {
      font-size: 30px; }
    .online-presence .online-presence-links {
      margin: 20px 7% 0 0; }
      .online-presence .online-presence-links .online-presence-links-text {
        font-size: 17px;
        margin-bottom: 17px; }
        .online-presence .online-presence-links .online-presence-links-text img {
          width: 22px; }
        .online-presence .online-presence-links .online-presence-links-text .online-presence-social {
          font-size: 17px; }
  .share-details {
    padding: 37px 0px 54px 0;
    gap: 13px !important;
    justify-content: left !important; }
    .share-details .share-thiss {
      width: unset;
      font-size: 15px;
      margin: 0 5px 0 0; }
    .share-details .share-links-text {
      padding: 6px 17px 5px;
      font-size: 13px; } }

@media (max-width: 1100) {
  .left-side-content {
    margin-top: 335px; } }

@media (max-width: 1024px) {
  .Bio-Short-Version .margin-bottom-5px {
    margin-bottom: 0px !important; }
  .notable-press-coverage .press-list {
    margin-bottom: 0px !important; }
  ul.press-list {
    padding-left: 3.5% !important; }
  .ceo-logo {
    font-size: 18px; }
  .Bryan-Clayton {
    margin-top: 20px !important; }
  .headshot {
    height: 590px !important; }
  .left-side-content {
    margin-top: 330px !important; }
  .apple-text {
    font-size: 15px !important; }
  .download-collection-image {
    height: 20px; }
  .author-intro {
    height: 367px !important; }
    .author-intro .author-starter {
      margin-top: 8%; }
    .author-intro .author-pic {
      width: 617px; }
      .author-intro .author-pic .headshot {
        margin: 52px 0 0 76px !important;
        height: 483px !important;
        width: 450px !important; }
    .author-intro .author-starter {
      margin-top: 82px !important; }
      .author-intro .author-starter .CEO-of {
        font-size: 18px; }
        .author-intro .author-starter .CEO-of .ceo-logo {
          width: 88px;
          padding: 3px 0 0 2px; }
      .author-intro .author-starter .Bryan-Clayton {
        font-size: 57px;
        margin-top: 18px !important; }
        .author-intro .author-starter .Bryan-Clayton .Rectangle {
          margin: -4px 0;
          width: 100%; }
      .author-intro .author-starter .A-blend-of-visionar {
        font-size: 14px !important; }
        .author-intro .author-starter .A-blend-of-visionar .forbes-txt {
          font-size: 12px !important; }
      .author-intro .author-starter .social-media {
        margin: 17px 0px;
        gap: 15px; }
        .author-intro .author-starter .social-media li img {
          width: 32px; }
  .content-container {
    gap: 7.5%;
    margin: 0 7.3% 0 !important; }
    .content-container .left-side-content {
      margin-top: 24.5% !important; }
      .content-container .left-side-content .heebo-bold {
        font-size: 30px; }
      .content-container .left-side-content .text-style-1 {
        font-size: 17px; }
      .content-container .left-side-content .text-style-2 {
        font-size: 15px; }
      .content-container .left-side-content .Author_Bryan-Clayton {
        font-size: 15px;
        line-height: 20pt; }
      .content-container .left-side-content .Collection {
        margin: -3px 0 0; }
        .content-container .left-side-content .Collection img {
          width: 20px; }
        .content-container .left-side-content .Collection .Explore-My-Photo-Col {
          font-size: 14px;
          line-height: unset; }
      .content-container .left-side-content .press-heading {
        font-size: 21px; }
      .content-container .left-side-content .press-list li::marker {
        font-size: 16px; }
      .content-container .left-side-content .press-list li .press-list-style {
        line-height: 2.5;
        font-size: 15px;
        margin: 0px 0 0 -4px; }
        .content-container .left-side-content .press-list li .press-list-style text-style-2 {
          font-size: 18px; }
    .content-container .right-side-content .BRYAN-CLAYTON-POPULA {
      font-size: 12px;
      margin-top: 46px; }
    .content-container .right-side-content .Click-to-Listen {
      font-size: 24px; }
    .content-container .right-side-content .podcast {
      padding: 12px 20px 12px 35px;
      margin: 10px 0 11px 1px; }
      .content-container .right-side-content .podcast .apple-text {
        font-size: 13px !important; }
        .content-container .right-side-content .podcast .apple-text img {
          width: 18px; }
    .content-container .right-side-content .media-mention {
      margin-top: 47px; }
      .content-container .right-side-content .media-mention .media-mention-inner {
        padding: 21px 17px; }
        .content-container .right-side-content .media-mention .media-mention-inner .BRYAN-CLAYTON {
          font-size: 12px; }
        .content-container .right-side-content .media-mention .media-mention-inner .Popular-Media-Mentio {
          font-size: 24px; }
    .content-container .right-side-content .post {
      margin-top: 19%; }
      .content-container .right-side-content .post .media-mention-inner {
        padding: 9% 7%; }
        .content-container .right-side-content .post .media-mention-inner .BRYAN-CLAYTON {
          font-size: 12px; }
        .content-container .right-side-content .post .media-mention-inner .Popular-Media-Mentio {
          font-size: 24px; }
    .content-container .right-side-content .media-title {
      gap: 13px; }
      .content-container .right-side-content .media-title .media-images {
        height: 43px;
        width: 43px; }
    .content-container .press-materials {
      margin: 2% 0 5%; }
      .content-container .press-materials .press-material .brand-logo {
        font-size: 12px; }
      .content-container .press-materials .press-material-title p:last-child {
        margin: -5px 0 0; }
        .content-container .press-materials .press-material-title p:last-child img {
          width: 9px;
          margin: 0 -1px -3px 0; }
        .content-container .press-materials .press-material-title p:last-child .download {
          font-size: 9px; }
  .online-presence {
    margin: 0 0 0 7%;
    padding: 2.5% 0px 14px 3%; }
    .online-presence .Explore-Bryan-Clayto {
      font-size: 24px; }
    .online-presence .online-presence-links {
      margin: 3% 7% 0 0; }
      .online-presence .online-presence-links .online-presence-links-text {
        font-size: 14px;
        margin-bottom: 12px; }
        .online-presence .online-presence-links .online-presence-links-text img {
          width: 18px; }
        .online-presence .online-presence-links .online-presence-links-text .online-presence-social {
          font-size: 14px; }
  .share-details {
    padding: 3% 0px 4% 0;
    gap: 10px !important;
    justify-content: left !important; }
    .share-details .share-thiss {
      font-size: 13px;
      margin: 0 5px 0 0; }
    .share-details .share-links-text {
      padding: 5px 14px 3px;
      font-size: 10px; }
      .share-details .share-links-text img {
        height: 10px; }
  .cross-div {
    padding: 20px 18px 0 0 !important; }
  ul li p, ol li p {
    display: inline; }
  .brand-logo {
    font-size: 16px; }
  .media-mention {
    margin-top: 60px; }
  .margin-bottom-25 {
    margin-bottom: 25px; } }

@media (max-width: 767px) {
  .Bio-Short-Version ul.press-list {
    padding-left: 6% !important; }
  .highlight-bio {
    line-height: 1.55 !important; }
  .Bryan-Clayton {
    font-size: 47px !important; }
  .content-container {
    flex-wrap: wrap; }
  .left-side-content {
    margin-top: 270px;
    min-width: unset !important;
    max-width: unset !important; }
  .headshot {
    height: 540px !important; }
  .content-container .left-side-content {
    margin-top: 375px !important; }
  .online-presence {
    margin: 40px 84px 0 40px !important;
    max-width: unset !important;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px; }
  .share-thiss {
    display: block;
    width: 100%;
    font-weight: 600;
    text-align: center; }
  .press-materials {
    flex-wrap: wrap; }
  .add-left-margin {
    margin-left: unset; }
  .download-collection-image {
    height: 27px;
    right: 1px;
    bottom: 0px; }
  .main-container .author-intro {
    height: 562px !important; }
    .main-container .author-intro .author-starter {
      margin-top: 8%; }
    .main-container .author-intro .author-pic {
      width: 617px; }
      .main-container .author-intro .author-pic .headshot {
        margin: 0 !important;
        height: 375px !important;
        width: 100% !important; }
    .main-container .author-intro .author-starter {
      margin-top: 0 !important; }
      .main-container .author-intro .author-starter .CEO-of {
        display: block;
        font-size: 24px; }
        .main-container .author-intro .author-starter .CEO-of .ceo-logo {
          width: 115px;
          padding: 3px 0 0 3px;
          height: unset; }
      .main-container .author-intro .author-starter .Bryan-Clayton {
        font-size: 48px !important;
        margin-top: 27px !important; }
        .main-container .author-intro .author-starter .Bryan-Clayton .Rectangle {
          margin: -7px -0px -4px;
          height: 21px !important; }
      .main-container .author-intro .author-starter .A-blend-of-visionar {
        font-size: 18px !important;
        line-height: 1.3; }
        .main-container .author-intro .author-starter .A-blend-of-visionar .forbes-txt {
          font-size: 16px !important; }
      .main-container .author-intro .author-starter .social-media {
        margin: 25px 0px 20px;
        gap: 20px; }
        .main-container .author-intro .author-starter .social-media li img {
          width: 42px; }
  .main-container .content-container {
    gap: 7.5%;
    margin: 0 5% 0 !important; }
    .main-container .content-container .left-side-content {
      margin-top: 283px !important; }
      .main-container .content-container .left-side-content .heebo-bold {
        font-size: 40px; }
      .main-container .content-container .left-side-content .text-style-1 {
        font-size: 22px; }
      .main-container .content-container .left-side-content .text-style-2 {
        font-size: 20px; }
      .main-container .content-container .left-side-content .Author_Bryan-Clayton {
        font-size: 20px;
        line-height: 26pt;
        margin-top: 13px; }
      .main-container .content-container .left-side-content .author-images {
        margin-top: 16px; }
      .main-container .content-container .left-side-content .Collection {
        margin: -3px 0 0; }
        .main-container .content-container .left-side-content .Collection img {
          width: 25px; }
        .main-container .content-container .left-side-content .Collection .Explore-My-Photo-Col {
          font-size: 18px; }
      .main-container .content-container .left-side-content .press-heading {
        font-size: 28px; }
      .main-container .content-container .left-side-content .press-list {
        margin: 0; }
        .main-container .content-container .left-side-content .press-list li::marker {
          font-size: 22px; }
        .main-container .content-container .left-side-content .press-list li {
          margin: 0 0 15px; }
          .main-container .content-container .left-side-content .press-list li .press-list-style {
            line-height: 1.8;
            font-size: 20px;
            margin: 0px 0 0 -4px; }
            .main-container .content-container .left-side-content .press-list li .press-list-style text-style-2 {
              font-size: 20px; }
      .main-container .content-container .left-side-content .press-materials-section .press-materials {
        flex-wrap: wrap;
        margin: 5% 0 5%; }
        .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material {
          width: 250px; }
          .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material .press-meterial-img {
            height: 210px;
            width: 100%;
            object-fit: cover; }
        .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title {
          align-items: center;
          margin: -5px 0 0; }
          .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .brand-logo {
            font-size: 20px; }
          .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .download-btn {
            margin: 0; }
            .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .download-btn img {
              width: 19px;
              margin: 0 0px 4px 0; }
            .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .download-btn .download {
              font-size: 18px; }
    .main-container .content-container .right-side-content .BRYAN-CLAYTON-POPULA {
      font-size: 16px;
      margin-top: 30px; }
    .main-container .content-container .right-side-content .Click-to-Listen {
      font-size: 32px; }
    .main-container .content-container .right-side-content .podcast {
      padding: 19px 0 19px 26%;
      margin: 15px 0 11px 1px; }
      .main-container .content-container .right-side-content .podcast .apple-text {
        font-size: 18px !important; }
        .main-container .content-container .right-side-content .podcast .apple-text img {
          width: 22px; }
    .main-container .content-container .right-side-content .media-mention {
      margin-top: 40px; }
      .main-container .content-container .right-side-content .media-mention .media-mention-inner {
        padding: 34px 21px; }
        .main-container .content-container .right-side-content .media-mention .media-mention-inner .BRYAN-CLAYTON {
          font-size: 16px; }
        .main-container .content-container .right-side-content .media-mention .media-mention-inner .Popular-Media-Mentio {
          font-size: 32px; }
    .main-container .content-container .right-side-content .post {
      margin-top: 11%; }
      .main-container .content-container .right-side-content .post .media-mention-inner {
        padding: 34px 21px; }
        .main-container .content-container .right-side-content .post .media-mention-inner .BRYAN-CLAYTON {
          font-size: 16px; }
        .main-container .content-container .right-side-content .post .media-mention-inner .Popular-Media-Mentio {
          font-size: 32px; }
    .main-container .content-container .right-side-content .media-title {
      gap: 20px; }
      .main-container .content-container .right-side-content .media-title .media-images {
        height: 55px;
        width: 55px; }
      .main-container .content-container .right-side-content .media-title .media-text {
        font-size: 15px; }
    .main-container .content-container .press-materials {
      margin: 2% 0 5%; }
      .main-container .content-container .press-materials .press-material .brand-logo {
        font-size: 12px; }
      .main-container .content-container .press-materials .press-material-title p:last-child {
        margin: -5px 0 0; }
        .main-container .content-container .press-materials .press-material-title p:last-child img {
          width: 9px;
          margin: 0 -1px -3px 0; }
        .main-container .content-container .press-materials .press-material-title p:last-child .download {
          font-size: 9px; }
  .online-presence {
    padding: 32px 0px 14px 35px; }
    .online-presence .Explore-Bryan-Clayto {
      font-size: 32px; }
    .online-presence .online-presence-links {
      margin: 15px 0 0 !important; }
      .online-presence .online-presence-links .online-presence-links-text {
        width: 100%;
        font-size: 18px;
        padding-bottom: 6%; }
        .online-presence .online-presence-links .online-presence-links-text img {
          width: 24px; }
        .online-presence .online-presence-links .online-presence-links-text .online-presence-social {
          font-size: 18px; }
  .main-container .share-details {
    padding: 0 0px 54px 0;
    justify-content: center !important;
    margin: 0 !important; }
    .main-container .share-details .share-thiss {
      width: 100%;
      font-size: 16px;
      margin: 0 5px 0 0; }
    .main-container .share-details .share-links-text {
      padding: 6px 17px 5px;
      font-size: 14px; }
      .main-container .share-details .share-links-text img {
        height: 12px; } }

@media (min-width: 481px) and (max-width: 767px) {
  .padding-container .main-container .author-intro {
    top: 0; } }

@media (max-width: 414px) {
  .padding-container {
    padding: 0 3%; } }

@media (max-width: 360px) {
  .main-container .share-details .share-thiss {
    font-size: 15px !important; }
  .download-collection-image {
    height: 25px; }
  .padding-container .main-container .author-intro {
    top: 86px;
    height: 517px !important; }
    .padding-container .main-container .author-intro .author-pic {
      width: 617px; }
      .padding-container .main-container .author-intro .author-pic .headshot {
        height: 347px !important; }
    .padding-container .main-container .author-intro .author-starter {
      margin: 0 0 0 18px !important; }
      .padding-container .main-container .author-intro .author-starter .CEO-of {
        font-size: 22px;
        margin: 45px 0 0 0 !important; }
        .padding-container .main-container .author-intro .author-starter .CEO-of .ceo-logo {
          width: 107px;
          padding: 3px 0 0 3px;
          height: unset; }
      .padding-container .main-container .author-intro .author-starter .Bryan-Clayton {
        font-size: 47px !important;
        margin-top: 23px !important; }
      .padding-container .main-container .author-intro .author-starter .A-blend-of-visionar {
        font-size: 16.5px !important;
        padding: 0 15px 0 0;
        margin-top: 21px;
        line-height: 1.2; }
        .padding-container .main-container .author-intro .author-starter .A-blend-of-visionar .forbes-txt {
          font-size: 14.5px !important; }
      .padding-container .main-container .author-intro .author-starter .social-media {
        margin: 27px 0px 16px;
        gap: 19px; }
        .padding-container .main-container .author-intro .author-starter .social-media li img {
          width: 39px; }
  .padding-container .main-container .content-container {
    gap: 7.5%;
    margin: 0 5% 0 !important; }
    .padding-container .main-container .content-container .left-side-content {
      margin-top: 261px !important; }
      .padding-container .main-container .content-container .left-side-content .heebo-bold {
        font-size: 37px; }
      .padding-container .main-container .content-container .left-side-content .text-style-1 {
        font-size: 21px; }
      .padding-container .main-container .content-container .left-side-content .text-style-2 {
        font-size: 18px; }
      .padding-container .main-container .content-container .left-side-content .Author_Bryan-Clayton {
        font-size: 19px;
        line-height: 24pt;
        margin-top: 12px; }
      .padding-container .main-container .content-container .left-side-content .author-images {
        margin-top: 16px; }
      .padding-container .main-container .content-container .left-side-content .Collection {
        margin: -3px 0 0; }
        .padding-container .main-container .content-container .left-side-content .Collection img {
          width: 24px; }
        .padding-container .main-container .content-container .left-side-content .Collection .Explore-My-Photo-Col {
          font-size: 17px;
          margin-top: 13px; }
      .padding-container .main-container .content-container .left-side-content .press-heading {
        font-size: 26px; }
      .padding-container .main-container .content-container .left-side-content .press-list {
        margin: 0; }
        .padding-container .main-container .content-container .left-side-content .press-list li::marker {
          font-size: 20px; }
        .padding-container .main-container .content-container .left-side-content .press-list li .press-list-style {
          font-size: 18px;
          margin: 0px 0 0 -4px; }
          .padding-container .main-container .content-container .left-side-content .press-list li .press-list-style text-style-2 {
            font-size: 18px; }
      .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material {
        width: 231px; }
        .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material .press-meterial-img {
          height: 190px; }
      .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title {
        margin: -3px 0 0; }
        .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .brand-logo {
          font-size: 19px; }
        .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .download-btn {
          margin: 0; }
          .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .download-btn img {
            width: 17px; }
          .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .download-btn .download {
            font-size: 17px; }
    .padding-container .main-container .content-container .right-side-content .BRYAN-CLAYTON-POPULA {
      font-size: 15px;
      margin-top: 22px; }
    .padding-container .main-container .content-container .right-side-content .Click-to-Listen {
      font-size: 30px; }
    .padding-container .main-container .content-container .right-side-content .podcast {
      padding: 17px 0 17px 27%;
      margin: 15px 0 11px 0px; }
      .padding-container .main-container .content-container .right-side-content .podcast .apple-text {
        font-size: 17px !important; }
        .padding-container .main-container .content-container .right-side-content .podcast .apple-text img {
          width: 21px; }
    .padding-container .main-container .content-container .right-side-content .media-mention {
      margin-top: 36px; }
      .padding-container .main-container .content-container .right-side-content .media-mention .media-mention-inner {
        padding: 34px 19px 13px; }
        .padding-container .main-container .content-container .right-side-content .media-mention .media-mention-inner .BRYAN-CLAYTON {
          font-size: 15px; }
        .padding-container .main-container .content-container .right-side-content .media-mention .media-mention-inner .Popular-Media-Mentio {
          font-size: 30px; }
    .padding-container .main-container .content-container .right-side-content .post {
      margin-top: 11%; }
      .padding-container .main-container .content-container .right-side-content .post .media-mention-inner {
        padding: 32px 21px 13px; }
        .padding-container .main-container .content-container .right-side-content .post .media-mention-inner .BRYAN-CLAYTON {
          font-size: 15px !important; }
        .padding-container .main-container .content-container .right-side-content .post .media-mention-inner .Popular-Media-Mentio {
          font-size: 30px; }
    .padding-container .main-container .content-container .right-side-content .media-title {
      margin: 21px 0 24px !important;
      gap: 6%; }
      .padding-container .main-container .content-container .right-side-content .media-title .media-images {
        margin: 2% 0 0;
        height: 49px;
        width: 49px; }
      .padding-container .main-container .content-container .right-side-content .media-title .media-text {
        width: 100% !important; }
    .padding-container .main-container .content-container .press-materials {
      margin: 2% 0 5%; }
      .padding-container .main-container .content-container .press-materials .press-material .brand-logo {
        font-size: 12px; }
      .padding-container .main-container .content-container .press-materials .press-material-title p:last-child {
        margin: -5px 0 0; }
        .padding-container .main-container .content-container .press-materials .press-material-title p:last-child img {
          width: 9px;
          margin: 0 -1px -3px 0; }
        .padding-container .main-container .content-container .press-materials .press-material-title p:last-child .download {
          font-size: 9px; }
  .padding-container .main-container .online-presence {
    padding: 32px 0px 21px 32px !important;
    margin: 36px 20px 20px !important; }
    .padding-container .main-container .online-presence .Explore-Bryan-Clayto {
      font-size: 30px; }
    .padding-container .main-container .online-presence .online-presence-links {
      margin: 10px 0 0 !important; }
      .padding-container .main-container .online-presence .online-presence-links .online-presence-links-text {
        font-size: 17px;
        gap: 3px;
        padding-bottom: 5%; }
        .padding-container .main-container .online-presence .online-presence-links .online-presence-links-text img {
          width: 22px; }
        .padding-container .main-container .online-presence .online-presence-links .online-presence-links-text .online-presence-social {
          font-size: 17px; }
  .padding-container .main-container .share-details {
    padding: 0 0px 52px 0 !important;
    justify-content: center !important;
    margin: 0 !important; }
    .padding-container .main-container .share-details .share-thiss {
      font-size: 16px;
      margin: 0 5px 0 0; }
    .padding-container .main-container .share-details .share-links-text {
      padding: 6px 17px 5px !important;
      font-size: 13px; }
      .padding-container .main-container .share-details .share-links-text img {
        height: 11px; } }

@media (max-width: 330px) {
  .download-collection-image {
    height: 23px; }
  .padding-container .main-container .author-intro {
    top: 72px;
    height: 466px !important; }
    .padding-container .main-container .author-intro .author-pic {
      margin: 0px 16px; }
      .padding-container .main-container .author-intro .author-pic .headshot {
        height: 307px !important; }
    .padding-container .main-container .author-intro .author-starter {
      margin: 0 0 0 15px !important; }
      .padding-container .main-container .author-intro .author-starter .CEO-of {
        font-size: 20px;
        margin: 43px 0 0 0 !important; }
        .padding-container .main-container .author-intro .author-starter .CEO-of .ceo-logo {
          width: 94px;
          padding: 3px 0 0 3px;
          height: unset; }
      .padding-container .main-container .author-intro .author-starter .Bryan-Clayton {
        font-size: 42px !important;
        margin-top: 22px !important; }
        .padding-container .main-container .author-intro .author-starter .Bryan-Clayton .Rectangle {
          margin: -8px 0px -4px;
          height: 17px !important; }
      .padding-container .main-container .author-intro .author-starter .A-blend-of-visionar {
        font-size: 14.7px !important;
        padding: 0 15px 0 0;
        margin-top: 19px;
        line-height: 1.2; }
        .padding-container .main-container .author-intro .author-starter .A-blend-of-visionar .forbes-txt {
          font-size: 12.7px !important; }
      .padding-container .main-container .author-intro .author-starter .social-media {
        margin: 22px 0px 16px;
        gap: 17px; }
        .padding-container .main-container .author-intro .author-starter .social-media li img {
          width: 35px; }
  .padding-container .main-container .content-container {
    gap: 7.5%;
    margin: 0 5% 0 !important; }
    .padding-container .main-container .content-container .left-side-content {
      margin-top: 227px !important; }
      .padding-container .main-container .content-container .left-side-content .heebo-bold {
        font-size: 33px; }
      .padding-container .main-container .content-container .left-side-content .text-style-1 {
        font-size: 18px; }
      .padding-container .main-container .content-container .left-side-content .text-style-2 {
        font-size: 17px; }
      .padding-container .main-container .content-container .left-side-content .Author_Bryan-Clayton {
        font-size: 17px;
        line-height: 22pt; }
      .padding-container .main-container .content-container .left-side-content .author-images {
        margin-top: 16px; }
      .padding-container .main-container .content-container .left-side-content .Collection {
        margin: -3px 0 0; }
        .padding-container .main-container .content-container .left-side-content .Collection img {
          width: 24px; }
        .padding-container .main-container .content-container .left-side-content .Collection .Explore-My-Photo-Col {
          font-size: 17px;
          margin-top: 13px; }
      .padding-container .main-container .content-container .left-side-content .press-heading {
        font-size: 23px; }
      .padding-container .main-container .content-container .left-side-content .press-list {
        margin: 0; }
        .padding-container .main-container .content-container .left-side-content .press-list li::marker {
          font-size: 20px; }
        .padding-container .main-container .content-container .left-side-content .press-list li .press-list-style {
          font-size: 17px;
          margin: 0px 0 0 -4px; }
          .padding-container .main-container .content-container .left-side-content .press-list li .press-list-style text-style-2 {
            font-size: 18px; }
      .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials {
        gap: 21px; }
        .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material {
          width: 206px; }
          .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material .press-meterial-img {
            height: 172px; }
        .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .brand-logo {
          font-size: 16px; }
        .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .download-btn img {
          width: 15px; }
        .padding-container .main-container .content-container .left-side-content .press-materials-section .press-materials .press-material-title .download-btn .download {
          font-size: 15px; }
    .padding-container .main-container .content-container .right-side-content .BRYAN-CLAYTON-POPULA {
      font-size: 13px;
      margin-top: 21px; }
    .padding-container .main-container .content-container .right-side-content .Click-to-Listen {
      font-size: 26px; }
    .padding-container .main-container .content-container .right-side-content .podcast {
      padding: 15px 0 14px 27%;
      margin: 11px 0 13px 0; }
      .padding-container .main-container .content-container .right-side-content .podcast .apple-text {
        font-size: 15px !important; }
        .padding-container .main-container .content-container .right-side-content .podcast .apple-text img {
          width: 19px; }
    .padding-container .main-container .content-container .right-side-content .media-mention {
      margin-top: 32px; }
      .padding-container .main-container .content-container .right-side-content .media-mention .media-mention-inner {
        padding: 25px 16px 10px; }
        .padding-container .main-container .content-container .right-side-content .media-mention .media-mention-inner .BRYAN-CLAYTON {
          font-size: 13.5px; }
        .padding-container .main-container .content-container .right-side-content .media-mention .media-mention-inner .Popular-Media-Mentio {
          font-size: 26px; }
    .padding-container .main-container .content-container .right-side-content .post {
      margin-top: 11%; }
      .padding-container .main-container .content-container .right-side-content .post .media-mention-inner {
        padding: 25px 16px 10px; }
        .padding-container .main-container .content-container .right-side-content .post .media-mention-inner .BRYAN-CLAYTON {
          font-size: 13.5px !important; }
        .padding-container .main-container .content-container .right-side-content .post .media-mention-inner .Popular-Media-Mentio {
          font-size: 26px !important; }
        .padding-container .main-container .content-container .right-side-content .post .media-mention-inner .social-media-links .media-title {
          margin: 15px 0 22px !important; }
    .padding-container .main-container .content-container .right-side-content .media-title {
      margin: 17px 0 22px !important; }
      .padding-container .main-container .content-container .right-side-content .media-title .media-images {
        margin: 2% 0 0 1%;
        height: 44px;
        width: 44px; }
      .padding-container .main-container .content-container .right-side-content .media-title .media-text {
        font-size: 13px; }
    .padding-container .main-container .content-container .press-materials {
      margin: 2% 0 5%; }
      .padding-container .main-container .content-container .press-materials .press-material .brand-logo {
        font-size: 12px; }
      .padding-container .main-container .content-container .press-materials .press-material-title p:last-child {
        margin: -5px 0 0; }
        .padding-container .main-container .content-container .press-materials .press-material-title p:last-child img {
          width: 9px;
          margin: 0 -1px -3px 0; }
        .padding-container .main-container .content-container .press-materials .press-material-title p:last-child .download {
          font-size: 9px; }
  .padding-container .main-container .online-presence {
    padding: 27px 0px 13px 31px !important;
    margin: 32px 16px 20px !important; }
    .padding-container .main-container .online-presence .Explore-Bryan-Clayto {
      font-size: 26px; }
    .padding-container .main-container .online-presence .online-presence-links {
      margin: 10px 0 0 !important; }
      .padding-container .main-container .online-presence .online-presence-links .online-presence-links-text {
        font-size: 15px;
        gap: 3px;
        padding-bottom: 15px; }
        .padding-container .main-container .online-presence .online-presence-links .online-presence-links-text img {
          width: 20px; }
        .padding-container .main-container .online-presence .online-presence-links .online-presence-links-text .online-presence-social {
          font-size: 15px; }
  .padding-container .main-container .share-details {
    padding: 2px 0px 23px 0 !important;
    gap: 7px;
    margin-top: 0 !important; }
    .padding-container .main-container .share-details .share-thiss {
      font-size: 13px !important;
      margin: 0 5px 0 0; }
    .padding-container .main-container .share-details .share-links-text {
      padding: 5px 14px 5px !important;
      font-size: 11px; }
      .padding-container .main-container .share-details .share-links-text img {
        height: 10px; } }

@media (max-width: 767px) {
  .main-container .author-starter {
    margin: 50px 20px 0px 40px !important; }
  .main-container .author-pic {
    margin: 0 40px; }
  .main-container .content-container {
    margin: 0 9% 0 !important; }
  .main-container .online-presence {
    margin: 40px 40px 20px !important; }
  .main-container .share-details {
    margin: 0 40px 20px !important; } }

@media (max-width: 414px) {
  .padding-container {
    padding: 0; }
  .main-container .author-starter {
    margin: 50px 10px 0px 31px !important; }
  .main-container .author-pic {
    margin: 0 32px; }
  .main-container .content-container {
    margin: 0 8% 0 !important; }
  .main-container .online-presence {
    margin: 40px 32px 20px !important; }
  .main-container .share-details {
    margin: 0 32px 20px !important; } }

@media (max-width: 400px) {
  .padding-container {
    padding: 0 !important; }
  .main-container .author-starter {
    margin: 50px 10px 0px 24px !important; }
  .main-container .author-pic {
    margin: 0 25px; }
  .main-container .content-container {
    margin: 0 7% 0 !important; }
  .main-container .online-presence {
    margin: 40px 25px 20px !important; }
  .main-container .share-details {
    margin: 0 25px 20px !important; } }

@media (max-width: 390px) {
  .main-container .author-starter {
    margin: 50px 0px 0px 20px !important; }
  .main-container .author-pic {
    margin: 0 20px; }
  .main-container .content-container {
    margin: 0 5% 0 !important; }
  .main-container .online-presence {
    margin: 40px 20px 20px !important; }
  .main-container .share-details {
    margin: 0 20px 20px !important; } }

.square:before {
  content: '';
  display: block;
  position: absolute;
  height: 0%;
  width: 100%;
  bottom: 0;
  transition: height 0.5s ease-out;
  background: linear-gradient(to bottom, transparent 0%, black 90%); }

.square:hover:before {
  height: 10%; }

.squaretwo:before {
  content: '';
  display: block;
  position: absolute;
  height: 0%;
  width: var(--squaretwo-width);
  margin: 7px 4px;
  bottom: 0;
  transition: height 0.5s ease-out;
  background: linear-gradient(to bottom, transparent 0%, black 90%); }

.squaretwo:hover:before {
  height: 10%; }