/* @import url('https://fonts.googleapis.com/css?family=Roboto:400,700,900');  */
/* @import url('https://fonts.googleapis.com/css?family=Zilla+Slab:700'); 
@import url('https://fonts.googleapis.com/css2?family=Barlow+Semi+Condensed&family=Barlow:wght@300;400;800;900&display=swap'); */
@import url('https://fonts.googleapis.com/css?family=Zilla+Slab:700'); 
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:ital,wght@0,300;0,500;1,300&display=swap');

.scroll-header {
  position: fixed;
  bottom: 0;
  z-index: 1;
  width: 100%;
  background-color: #f5f5f5;
}
.progress-container {
  width: 100%;
  height: 1rem;
  background: #ccc;
}
.progress-bar {
  height: 1rem;
  width: 0%;
  background:linear-gradient(136deg, #244b66, #628daa, #4ebf70, #ffbd19, #ff5819);
background-size: 1000% 1000%;
-webkit-animation: topbar 30s ease infinite;
-moz-animation: topbar 30s ease infinite;
animation: topbar 30s ease infinite;
}
@-webkit-keyframes topbar {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}
@-moz-keyframes topbar {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}
@keyframes topbar {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}

ol {max-width:80%; display:block; padding-left:2rem; font-size:1.25rem;}
#hr__border {border-top:1px solid #fbdc05; margin-left:.65rem;}
#hr__border-ibm {border-top:1px solid #0f62fe; margin-left:.65rem;}
#hr__border-soccer {border-top:1px solid #e0154a; margin-left:.65rem;}
#hr__border-resume {border-top:1px solid #7bb2e5; margin-left:.65rem; margin-top:1em;}
#hr__border-elon {border-top:1px solid #d4c59e; margin-left:.65rem;}
/* #section__cell a, #section__cell nav {display:inline-block;} */
#section__cell nav {float:none; line-height: 1.2;}
#section__cell nav a {padding:0 .75rem; margin-left:10px; border-bottom:1px solid; color:#fff; transition: color .5s ease; font-size:80%; line-height:2.78;}
#section__cell nav a:first-child {margin-left:0;}
#section__cell nav a:hover {color:#1468a0;}
.section__style {background: rgba(255,255,255,.2); padding: 3rem 0 2rem 0; margin-top:1rem;}
.bottom-grid-pad {background:transparent; padding: 1rem 0 2rem 0; margin-top:1rem;}
.my-role {font-size:1.25rem; line-height:1.6; margin-bottom:0; margin-top:8px; padding-right:3rem;}
.my-role.highlights {padding-bottom:2rem;}
.my-role b {color:#f1f1f1; margin-top:12px; display:block; }
.grid-margin-x > .small-11.cell.grid__image {margin:1.625rem auto .25rem auto;} 
.expertise {margin:0;}
.expertise li {display:inline-block; background:rgba(255,255,255,.2); padding:3px .75rem; margin:5px 0 5px 3px; font-size:1rem;}

 /* =================================
     Homepage Layout CSS and Top Bar 
      ============================ */
html, body {background:#292c33; color:#fff; font-family:'IBM Plex Sans', sans-serif; font-weight:300; overflow-x:hidden; margin: 0; padding: 0; min-height: 100%; position:relative; -webkit-font-smoothing:antialiased;}
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p {color:#f1f1f1; font-family:'IBM Plex Sans', sans-serif; font-weight:300;  -webkit-font-smoothing:antialiased;}
body p {font-family:'IBM Plex Sans',sans-serif; font-weight:300;}
body li {font-family:'IBM Plex Sans', sans-serif; -webkit-font-smoothing:antialiased; font-size:1.25rem; line-height:1.5; }
.overlay-content {color:#f1f1f1; font-family:'IBM Plex Sans',sans-serif; -webkit-font-smoothing:antialiased; font-weight:300;}
h1, h1 a, h1 a:hover {font-size:1.25rem; color:#f1f1f1; text-transform:none; letter-spacing:1px; margin-top:10px; font-weight:normal;}
h1 a:hover {color:#fff;}
h3 {font-size:1.25rem;}
h1.subhead__bold {font-size:200%; color:#292c33; line-height:3;}
#ibm {width: 100%; display:block; padding: 1rem; border-left:4px solid #0f62fe; background:rgba(255,255,255,1); color:#0f62fe;}
#ibm a {color:#0f62fe; margin-left:1rem; }
#ibm a svg {margin-left:8px; vertical-align:bottom; }
.subhead__bold {font-weight:400; line-height:1;}
.subhead__boldPlus {font-weight:400; font-size:1.25rem; margin-top:24px; margin-left:8px;}
.subhead__boldPlus.more {margin-left:0; font-size: 1.5rem; margin-top:0;}
sup {padding-top:4px; font-size:11px; vertical-align: middle;}
.topnav-logo-small {position:absolute; width:65%; top:48%; left: 50%; transform: translate(-50%, -50%);}
.cell.title span i {float:right; border:1px solid #f5f5f5; padding: 6px; font-style:normal; font-size:.75rem;}
.cell.title span i:hover {color: #fff; border-color:#fff; }
.topnav-logo-small-wrangler { width:50%; max-width:300px; }
.topnav-logo-small-soccer {position:absolute; width:72%; top:48%; left: 50%; transform: translate(-50%, -50%);}
.topnav-logo-small-ibm {position:absolute; width:48%; top:45%; left: 50%; transform: translate(-50%, -50%);}
.icons__title sup {padding-top:0px; font-size:13px; vertical-align: middle;}
.mobile__pad   {margin-top:1.25rem;}
.primary.callout {background:transparent; border:none; color:#fff; font-size:150%; margin-top:-10px; }
.callout {padding:0; margin-bottom:1.5rem;}
.grid-x.titleBar {width:100%; height:6rem; background:#151a26;}
.cell.title { width:100%; max-width:1280px; }
.grid-container {width:100%; max-width:1280px; }
.full-grid-pad {padding:1rem;}
/* .grid__padding {padding:0 1rem 1rem 1rem;} */
.grid__padding .subhead__bold {margin-top:1rem;}
.img-portraits {margin-bottom:3rem;}
#resume {font-size:12px;}
#contentExtd {padding:auto;}
#contentExtdTwo {padding:auto;}
#contentExtdTwo .grid-x {overflow:hidden;}
#soccerExtd {padding:0;}
.content__Intro {font-size:1.25rem; margin-top:.5rem;}
.yellow {color:rgb(254,219,0);}
.hello {margin-bottom:0; padding-bottom:0;}
.email-contact {font-size:1.2rem; color:rgb(254,219,0); border-bottom:2px solid rgb(254,219,0); display:inline-block; line-height:1.5; margin-bottom:3rem;}
.email-contact:hover {border-color:#1468a0;}
footer .email-contact {font-size:.9rem; color:#fff; border-bottom:0; line-height:1;}
#about__email {margin-bottom:0;}
.email-contact b {font-size:1.75rem; color:rgb(254,219,0);}

/* === Homepage GRID COPY======= */
/* === IBM Homepage GRID======= */
#grid-ibm__icons {position:relative; background:#000; }
#grid-ibm__logoOpacity { position:absolute; top:33%; max-width:220px; left:0; right:0; margin:0 auto;}
#grid-ibm__logoOpacity:hover {opacity:.5;}
#grid-ibm__icons a {opacity:1; transition: opacity 0.3s ease-in-out;}
#grid-ibm__icons a:hover {opacity:.5;}
#grid-ibm__logo {z-index:0; position:absolute; top:33%; max-width:240px; left:0; right:0; margin:0 auto; opacity:1;}
#grid-ibm__icons p {position:absolute; top:60%; display:inline-block; text-align:center; left:0; right:0; margin:0 auto; font-size:125%; font-weight:400;}
#grid-ibm__icons:hover {opacity:1;}
/* === Wrangler Homepage GRID======= */
#grid-wrangler__icons {position:relative; background:#000; }
#grid-wrangler__logoOpacity { position:absolute; top:30%; max-width:280px; left:0; right:0; margin:0 auto;}
#grid-wrangler__logoOpacity:hover {opacity:.5;}
#grid-wrangler__icons a {opacity:1; transition: opacity 0.3s ease-in-out;}
#grid-wrangler__icons a:hover {opacity:.5;}
#grid-wrangler__logo {z-index:0; position:absolute; top:30%; max-width:280px; left:0; right:0; margin:0 auto; opacity:1;}
#grid-wrangler__icons:hover {opacity:1;}
#grid-wrangler__icons p {position:absolute; top:60%; display:inline-block; text-align:center; left:0; right:0; margin:0 auto; font-size:125%; font-weight:400;}
#section-two__Wrangler {margin-top:0;}
#section-two__Wrangler .subhead__bold {margin-top:0;}
#wr-container {padding-top:1.5rem;}
/* === Soccer Homepage GRID======= */
#grid-soccer__icons {position:relative; background:#000; }
#grid-soccer__logoOpacity { position:absolute; top:42%; max-width:340px; left:0; right:0; margin:0 auto;}
#grid-soccer__logoOpacity:hover {opacity:.5;}
#grid-soccer__icons a {opacity:1; transition: opacity 0.3s ease-in-out;}
#grid-soccer__icons a:hover {opacity:.5;}
#grid-soccer__logo {z-index:0; position:absolute; top:42%; max-width:340px; left:0; right:0; margin:0 auto; opacity:1;}
#grid-soccer__icons:hover {opacity:1;}
#grid-soccer__icons p {position:absolute; top:52%; display:inline-block; text-align:center; left:0; right:0; margin:0 auto;  font-size:125%; font-weight:400;}
#section-four__Soccer .subhead__bold {margin-top:10px; line-height:1;}
#section-five__Soccer .subhead__bold {margin-top:12px; line-height:1;}
#section-five__Soccer .subhead__bold span {display:block; font-weight:400; line-height:1; font-size:1.25rem; margin-top:5px;}
#section-four__Soccer .subhead__bold span {display:block; font-weight:400; line-height:1; font-size:1.25rem; }
/* === Elon Homepage GRID======= */
#grid-elon__icons {position:relative; background:#000; }
#grid-elon__logoOpacity { position:absolute; top:33%; max-width:240px; left:0; right:0; margin:0 auto;}
#grid-elon__logoOpacity:hover {opacity:.5;}
#grid-elon__icons a {opacity:1; transition: opacity 0.3s ease-in-out;}
#grid-elon__icons a:hover {opacity:.5;}
#grid-elon__logo {z-index:0; position:absolute; top:33%; max-width:240px; left:0; right:0; margin:0 auto; opacity:1;}
#grid-elon__icons:hover {opacity:1;}
#grid-elon__icons p {position:absolute; top:60%; display:inline-block; text-align:center; left:0; right:0; margin:0 auto; font-size:125%; font-weight:400;}
/* === About Homepage GRID======= */
#grid-about__icons {position:relative; background:#000; }
#grid-about__logoOpacity { position:absolute; top:36%; max-width:320px; left:0; right:0; margin:0 auto;}
#grid-about__logoOpacity:hover {opacity:.5;}
#grid-about__icons a {opacity:1; transition: opacity 0.3s ease-in-out; color:#fff;}
#grid-about__icons a:hover {opacity:.5;}
#grid-about__logo {z-index:0; position:absolute; top:36%; max-width:320px; left:0; right:0; margin:0 auto; opacity:1;}
#grid-about__icons:hover {opacity:1;}
#grid-about__icons h2 {position:absolute; top:28%; display:inline-block; text-align:center; left:0; right:0; margin:0 auto; font-size:480%; font-weight:400; letter-spacing:-1px;}
#grid-about__icons p {position:absolute; top:60%; display:inline-block; text-align:center; left:0; right:0; margin:0 auto; font-size:125%; font-weight:400;}
/* === Cell Bar GRID======= */
.cell.bar{height:6px;
background:linear-gradient(136deg, #244b66, #628daa, #4ebf70, #ffbd19, #ff5819);
background-size: 1000% 1000%;
-webkit-animation: topbar 30s ease infinite;
-moz-animation: topbar 30s ease infinite;
animation: topbar 30s ease infinite;
}
@-webkit-keyframes topbar {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}
@-moz-keyframes topbar {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}
@keyframes topbar {
    0%{background-position:0% 4%}
    50%{background-position:100% 97%}
    100%{background-position:0% 4%}
}
.content img { width:100%;}
/* =============== footer  ============================== */
nav.footer__nav a li {color:#fff;}
nav.footer__nav a  {border-bottom:1px solid #fff; line-height:2; width:100%; padding:1rem; display:block; background: rgba(255,255,255,.1);}
nav.footer__nav a li img {visibility:visible; display:inline-block; float:right; width:16px; margin-top:5px;}
nav.footer__nav a:last-of-type {border-bottom:none;}
/* nav.footer__nav a li:after {content:'>'; display:block; float:right; font-weight:bold; font-size:1rem; font-family:sans-serif;} */
footer {width:100%; padding:3em 0; background:#151a26; margin-top:4.5634rem;}
footer p {padding-top:4em; position: absolute; bottom: .5em; right: 0;  margin-right: 1em;}
.footer__nav {list-style:none; padding:1rem 0;}
#about-visit .subhead__boldPlus.more {margin-top:0;}
.content__Summary {font-size:1.5rem; margin-bottom:0;}

 /* ===bottom nav=============== */
 ul.base__nav{list-style-type:none; margin:0;}
 ul.base__navli {font-size:1.25em; text-decoration:underline; }

/* ===============================
   Side Scroll Nav for Work Pages
   ============================== */
.wrangler {
  background: #3f6174;
}
.soccer {
background: #f5f5f5;
}
.resume {
background: #fff;
}
.elon {
  background:#73000a;
}
 /*=================ibm icons=================*/
#ibm__titlecard {   
  display: flex;
  align-items: center;
  justify-content: center;
  background:#fff;
  
}
#ibm__titlecard img { 
    max-width:56%;
}

#ibm_desktop {   
  display: flex;
  align-items: center;
  justify-content: center;
  background:#000;
  height:420px;
  overflow:hidden;
}
/* .ibm_img__desktop { 
    max-width:720px;
} */

 /* =================
     Wrangler ICONS Page Layout
      =============== */
#logo {max-width:200px; display:block;}
.content__iconsIntro {font-size:1.25rem; margin-top:1rem; max-width:800px;}
#icons__titlecard {   
  max-width:2216px;
  min-width:360px;
  margin:auto;
  position:relative;
}
#icons__titlecard img { 
  width:100%;
  height:auto;
}
.to-the-icons{
  position:absolute;
  top:5px;
  left:0;
  right:0;
  bottom:10px;
  overflow:auto;
  margin-left:2rem;
}
.to-the-icons__inner {
  display:table;
  width:100%;
  height:100%;
}
.to-the-icons__content {
  display:table-cell;
  vertical-align:middle;
}
.to-the-icons__title span{
  font-family: 'Zilla Slab', serif; 
  font-size:8vw;   
    background: rgb(254,219,0);
    padding: 5px;
    display: inline-block;
    float: left;
    clear: left;
    font-family: 'Zilla Slab', serif;
    font-weight: 700;
    margin: 0;
    line-height: .8;
    margin-top: 5px;
    color: #000;
    margin-left:1rem;
    }

.icons_img__mobile {display:block;}
 /* =================
     Soccer.com Page Layout
      =============== */
/* #contentExtd svg {height:30px; width:150%; } */
.home {height:0;}
#Logo_Black {  
  -webkit-transform:scale(1); transform:scale(1); height:30px;}
#contentExtd {padding-top:2.5em; padding-bottom:1rem;}
.primary.callout.callout__soccer {color:#e0154a;}
.primary.callout.callout__soccer span {display:block; font-size:16px;}
#timeline {padding-bottom:0;}
.circle {
      width: 100px;
      height: 100px;
      background: #e0154a;
      border-radius: 50%;
      margin:5px 10px;
      float:left;
    }
.circle h3 {line-height:3; text-align:center; font-weight:400; font-size:2rem;}
.my-role.soccer__timeline {line-height:1.25; text-align: left; margin-top:1.75em; padding-right:0;}
.my-role.soccer__timeline span {display:block; font-size:14px; line-height:1.25; margin-top:5px;}
.section__style.soccer__worldcup {margin-top:0;}
.email-contact.salmon:hover {border-color:#1468a0;}
/* #customization .subhead__bold {margin:0; line-height:1.25;} */
#customization h4 {margin-bottom:1em; }
.video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

 /* =================
     Resume Page Layout
      =============== */
#section-two__resume {margin-top:0; background: #292c33; padding-bottom:0;}
.primary.callout.callout__resume {color:#292c33;}
.primary.callout.callout__resume span {display:block; font-size:16px;}
#customization .subhead__bold {margin:0 0 10px 0; line-height:1.25;}
#customization h4 {margin-bottom:1em; }
#section-four, #section-three {padding-bottom:0; }
#section-four ul {max-width:800px; }
.resume__experience h4 {font-weight:800;}
#section-four .resume__experience li, #section-four .resume__experience b  {font-size:1.25em;}
#section-four .resume__experience b {display:block;}
#section-four .resume__experience span {font-size:14px;}
#section-four .resume__experience:last-of-type {padding-bottom:2em;}
#section-six-education, #section-five-internships {padding-top:2rem;}
#internships {padding-bottom:2rem;}
.resume-list-lead {margin-bottom:0; font-size:1.25rem;}

 /* =================
     Elon Page Layout
      =============== */
.sr-only {visibility:hidden;}
.primary.callout.callout__elon {color:#fff; margin-bottom:1em;}
.global-header--brand h1 {
    width: 270px;
    max-width: none;
    height: 72px;
    background: url(https://www.elon.edu/u/wp-content/themes/ElonUniversity-Base/assets/img/global/elon-2016-primary-signature.svg) center center no-repeat;
        background-size: auto;
    background-size: 100% auto;
  }
.global-header--brand h1 a {
  display: block;
position: relative;
height: 100%;
color: #fff;
outline-offset: 4px;
text-decoration: none;
border-bottom: none;
}
.elon__courses {margin-bottom:0;}
.elon__grad {margin-bottom:1rem;}
#content-Elon {font-size:1rem; max-width:800px; line-height:1.25;}
 /* =================
     About page layout
      =============== */
.about__copy {font-size:1.25rem;}
#selfie {display:block; margin:2em auto 2em auto; max-width:200px;}

 /* =================
     Section Color Changes
      =============== */
.solution.results__icons {border-top: 3px solid #fbdc05;}
.solution.results__workshop {border-top: 3px solid #007fd9;}
.solution.results__designsystem {border-top: 3px solid #27b35b;}
.solution.more__nav {border-top:none;}
.icons__img-description {font-size:14px; text-align:left; color:#ccc; line-height:1.2; margin-top:.5rem;}
.salmon {color:#e0154a;}
.email-contact.salmon {border-bottom:2px solid #e0154a;}
.beige {color:#d4c59e;}
.ibm {color:#0f62fe;}
.email-contact.ibm {border-bottom:2px solid #0f62fe;}
.email-contact.beige {border-bottom:2px solid #d4c59e;}
.email-contact.beige:hover {border-bottom:2px solid #1468a0;}
.email-contact.blue {color:#7bb2e5;}
.email-contact.blue {border-bottom:2px solid #7bb2e5;}
 /* =================
     Mobile First Queries 
      =============== */
@media only screen and (max-width: 320px){
.grid-x.titleBar {height:160px; }
.about__nav {margin-left:1rem;}
#section__cell nav {float:none; }
#ibm__titlecard img {max-width:100%;}
    /* =================wrangler icons =================*/
.icons_img__desktop {display:none;}
.to-the-icons__title span{font-size:10vw; }

}
@media only screen and (min-width: 321px) and (max-width: 639px) {
.grid-x.titleBar {height:120px;}
.about__nav {margin-left:1rem;}
#section__cell nav {float:right; }
    /* =================wrangler icons=================*/
.icons_img__desktop {display:none;}
.icons_img__mobile {display:block;}
.to-the-icons__title span{font-size:12vw; }
nav.footer__nav a.page__Visited {color:#777; text-decoration:none; cursor:default; background:#888;}
#ibm__titlecard img {max-width:100%;}
}
@media only screen and (min-width: 640px) and (max-width: 1023px) {
.grid-x.titleBar {height:6rem; }
#section__cell nav {float:right; }
#section__cell nav a {padding:0 .75rem; margin-left:1em; border:1px solid; color:#fff; font-size:inherit; line-height: 2.25;} 
/* .grid__padding {padding:2em 1em;} */
.grid__padding .subhead__bold {margin-top:0rem;}
    /*=================wrangler icons=================*/
.icons_img__desktop {display:block;}
.icons_img__mobile {display:none;}
.to-the-icons__title span{font-size:8vw; }
    /*=================soccer icons=================*/
    .circle {
      width: 100px;
      height: 100px;
      background: #e0154a;
      border-radius: 50%;
      margin:5px auto;
    }
.circle h3 {line-height:3; text-align:center; font-weight:800;}
.my-role.soccer__timeline {line-height:1.25; text-align: center; margin-top:5px; clear:both;}

/* =============== footer  ============================== */
nav.footer__nav a li {color:#fff;}
nav.footer__nav a li:hover {color:#1779ba;}
nav.footer__nav a  {border-bottom:0; line-height:2; padding:0; display:inline-block; background:transparent; text-decoration:underline;}
nav.footer__nav a li img {visibility:hidden;}
/* nav a:last-of-type {border-bottom:none;} */
nav a li:after {visibility: hidden; }
nav.footer__nav a.page__Visited li, nav.footer__nav a.page__Visited {color:#777; text-decoration:none; cursor:default;}
}
@media only screen and (min-width: 1024px) {
#hr__border {border-top:1px solid #fbdc05; margin-left:1em;}
#hr__border-soccer {border-top:1px solid #e0154a; margin-left:1em;}
#hr__border-resume {border-top:1px solid #7bb2e5; margin-left:1em; padding-top:2rem;}
#hr__border-elon {border-top:1px solid #d4c59e; margin-left:1em;}
/* .cell.title { font-size:inherit;} */
.grid-x.titleBar {height:6rem; }
#section__cell nav {float:right; }
#section__cell nav a {padding:0 .75rem; margin-left:1rem; border:1px solid; color:#fff; font-size:inherit; line-height: 2.25;} 

   /*=================wrangler icons=================*/
.large-6.medium-6.small-12.cell.full-grid-pad {padding-left:0;}
#grid-wrangler__logoOpacity {z-index:0; position:absolute; top:40%; max-width:320px; left:0; right:0; margin:0 auto;}
#grid-wrangler__logo {z-index:0; position:absolute; top:40%; max-width:320px; left:0; right:0; margin:0 auto; opacity:1;}
.icons_img__desktop{display:block;}
.icons_img__mobile {display:none;}
.to-the-icons__title span{font-size:8vw; }
/* .bottom-grid-pad {padding:3rem 0 0 0;} */
.icons__img-description {margin-top:.75rem;}
/* .grid__padding {padding:2rem 1rem;} */
/* .content__iconsIntro {font-size:2rem; margin-top:.5rem;} */
.content__Intro {font-size:1.25rem; margin-top:.5rem; max-width:800px;}
.content__Intro b {display:block;}
   /*=================soccer icons=================*/
/* #contentExtd svg {height:50px; } */
.circle {
  width: 100px;
  height: 100px;
  background: #e0154a;
  border-radius: 50%;
  margin:0 auto;
  float:none;
}
.my-role.soccer__timeline {line-height:1.25; text-align: center; margin-top:5px; }
.home {height:0;}
object {width:300px;}
#Logo_Black {  
  -webkit-transform:scale(1); transform:scale(1); height:40px;}
#grid-soccer__logoOpacity { position:absolute; top:46%; max-width:420px; left:0; right:0; margin:0 auto;}
#grid-soccer__logo {z-index:0; position:absolute; top:46%; max-width:420px; left:0; right:0; margin:0 auto; opacity:1;}
   /*=================elon icons=================*/
#grid-elon__logoOpacity { position:absolute; top:40%; max-width:320px; left:0; right:0; margin:0 auto;}
#grid-elon__logo {z-index:0; position:absolute; top:40%; max-width:320px; left:0; right:0; margin:0 auto; opacity:1;}
/*=================about=================*/
#selfie {display:block; margin:0 auto 0 auto;}
#grid-about__logoOpacity { position:absolute; top:40%; max-width:320px; left:0; right:0; margin:0 auto;}
#grid-about__logo {z-index:0; position:absolute; top:40%; max-width:320px; left:0; right:0; margin:0 auto; opacity:1;}
#grid-about__icons h2 {position:absolute; top:37%; display:inline-block; text-align:center; left:0; right:0; margin:0 auto; font-size:480%; font-weight:400; letter-spacing:-1px;}
#grid-about__icons p {position:absolute; top:60%; display:inline-block; text-align:center; left:0; right:0; margin:0 auto; font-size:125%; font-weight:400;}
/* =============== footer  ============================== */
nav.footer__nav a li {color:#fff;}
nav.footer__nav a li:hover {color:#1779ba;}
nav.footer__nav a  {border-bottom:0; line-height:2; padding:0; display:inline-block; background:transparent; text-decoration:underline;}
nav.footer__nav a li img {visibility:hidden;}
/* nav a:last-of-type {border-bottom:none;} */
nav a li:after {visibility: hidden; }
nav.footer__nav a.page__Visited li, nav.footer__nav a.page__Visited {color:#777; text-decoration:none; cursor:default;}
}
.clearing-thumbs > li {
  float: left !important;
  margin-bottom: 10px;
}

@media only screen and (min-width: 40.063em) {
  .clearing-main-prev, .clearing-main-next {
    position: absolute;
    height: 100%;
    width: 100px;
    top: 0;
  }
  .clearing-main-prev > span {
    left: 50%;
    margin-left: -24px;
  }
  .clearing-main-next > span {
    left: 50%;
    margin-right: -24px;
  } 
}