html {
    scroll-behavior: smooth;
}
body {
    margin: 0px;
    font-family: 'Roboto', sans-serif;
    font-weight: 300;
 }
 .hideit {
     display: none;
 }
 a, a:link, a:visited  {
    color: #1ba7db;
}
a:hover  {
    color: #1790bf;
    text-decoration: none;
}
h2 {
    color: #EB6314;
    font-size: 3em;
    text-align: center;
    font-weight: 500;
}
h3 {
    color: #EB6314;
    font-size: 2em;
}
h4 {
    color: #EB6314;
    font-size: 1em;
    padding-top: 7px;
}
.photos {
    border: solid black 1px;
    width: 100%;
}
#landing {
    z-index: -2;
}
#landing-top {
    padding-top: 245px;
    padding-bottom: 230px;
}
#landing-top::after {
    content: "";
    display: block;
    position: absolute;
    z-index: -2;   
    width: 100%;
    height: 100%;
    background-image: url("/assets/images/bg-minneapolis.jpg");
    background-position: 0% 50%;
    /* background-image: url("/assets/images/bg-notebook4.jpg");
    background-position: 100% 63%; */
    background-size: cover;
    opacity: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
#label-designer {
    border-right: 1px solid white;
}
#label-developer {
    border-right: 1px solid white;
    border-left: 1px solid white;
}
#label-me {
    border-left: 1px solid white;
}
h2.label {
    color: #EB6314;
    text-shadow: 2px 2px #000000;
}
/* @media (max-width: 880px) {
    p.sub-label {
        color: #ffffff;
    }
} */
/* @media (min-width: 881px) { */
    p.sub-label {
        color: #ffffff;
    }
/* } */
.no-border {
    border: none !important;
}
#mylabels {
    display: inline;
}
#landing-bottom {
    background-color: #2F3030;
    border-top: solid black 1px;
    padding-top: 20px;
    padding-bottom: 5px;
    color: #f4f4f4;
}
#text-location {
    color: #8C8B8B;
}
.navbar-normal {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    background-color: rgba(255, 255, 255, 1);
    border-top: solid black 1px;
    z-index: 3;
    padding: 40px 0px 31px;
    /* overflow-x: hidden; */
}
.navbarup {
    background-color: rgba(20, 20, 20, .95) !important;
    border-bottom: 1px solid black;
}
.navbar-tiny {
    position: fixed;
    top: 10px;
    left: 10px;
    background-color: rgba(255, 255, 255, .95);
    z-index: 3;
    padding: 0px;
    margin: 0px;
    border-radius: 5px;
}
.navbar-toggle {
    margin: 0 !important;
}
.navbar-nav > li{
    padding-left: 15px;
    padding-right: 15px;
}
.navbar-nav > li.nav-icons{
    padding-left: 1px;
    padding-right: 1px;
}
.navbar-light .navbar-nav .nav-link  {
    color: #1ba7db;
}
.navbar-light:hover .navbar-nav:hover .nav-link:hover  {
    color: #1790bf;
}
#logo-small {
    width: 75px;
    padding: 0px 15px 5px 0px;
    opacity: 0.9;
}
#logo-small:hover {
    opacity: 1.0;
}
#email-icon {
    cursor: pointer;
}
#about-me {
    background-color: #ffffff;
    padding-top: 100px;
    padding-bottom: 30px;
    overflow-x: hidden;
}
h3.about-me {
    color: #EB6314;
    font-weight: 700;
    width: 100%; 
    border-bottom: 5px solid #4f4f4f; 
    line-height: 0.05em;
    margin: 0px 0 20px; 
} 
h3.about-me span { 
    background-color: #FFFFFF;
    padding: 0px 20px;
    margin-left: 50px;
}
#profile-pic {
    width: 100%;
    border: solid black 1px;
}
#photo-bar {
    padding: 20px 0px 30px;
}
#know-me {
    background-color: #0d0d0d;
    padding: 1px 0px 30px;
    overflow-x: hidden;
}
h3.know-me {
    color: #EB6314;
    font-weight: 700;
    width: 100%; 
    border-bottom: 5px solid #4f4f4f; 
    line-height: 0.05em;
    margin: 50px 0 20px; 
    text-align: right;
} 
h3.know-me span { 
    background-color: #0d0d0d;
    padding: 0px 20px;
    margin-right: 50px;
}
#loc-tx {
    background-image: url("/assets/images/loc_tx.jpg");
}
#loc-la {
    background-image: url("/assets/images/loc_la.jpg");
}
#loc-af {
    background-image: url("/assets/images/loc_af.jpg");
}
#loc-ma {
    background-image: url("/assets/images/loc_ma.jpg");
}
.loc-state {
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 250px 250px;
    min-height: 250px;
    padding: 0px;
}
.loc-content {
    color: #f4f4f4;
    padding: 15px;
    margin-top: 17%;
    font-size: 0.9em;
}
#blog {
    background-color: #ffffff;
    padding-top: 100px;
    padding-bottom: 640px;
}
h3.blog {
    color: #EB6314;
    font-weight: 700;
    width: 100%; 
    border-bottom: 5px solid #4f4f4f; 
    line-height: 0.05em;
    margin: 0px 0 20px; 
} 
h3.blog span { 
    background-color: #FFFFFF;
    padding: 0px 20px;
    margin-left: 50px;
}
.blog-gutter {
    margin: 0px -5px 0px;
}
.blog-link {
    background-color: #ebebeb;
    border: 1px solid #d3d3d3;
    padding: 8px 8px 8px 8px;
}
.blog-img {
    border: 1px solid black;
    width: 100%;
    margin-bottom: 8px;
}
#blog-header {
    object-fit: cover;
    width: 100%;
    height: 300px;
    border-bottom: 1px solid black;
    margin-bottom: 25px;
}
#blog-back {
    position: -webkit-sticky;
    position: sticky;
    top: 90px;
    font-size: 4em;
}
.blog-title {
    margin-bottom: 0px;
}
.blog-date {
    color: #4f4f4f;
    font-weight: 500;
    border-bottom: 5px solid #4f4f4f; 
    padding-top: 5px;
    padding-bottom: 0px;
    margin-bottom: 15px;
}
#portfolio {
    padding-top: 100px;
    padding-bottom: 80px;
    background-color: #d65b13;
    color: #f4f4f4;
    overflow-x: hidden;
}
h3.portfolio {
    color: #f4f4f4;
    font-weight: 700;
    width: 100%; 
    border-bottom: 5px solid #4f4f4f; 
    line-height: 0.05em;
    margin: 0px 0 20px; 
} 
h3.portfolio span { 
    background-color: #d65b13;
    padding: 0px 20px;
    margin-left: 50px;
}
.portfolio-row {
    padding-bottom: 20px;
}
.portfolio-img {
    border: 1px solid black;
    width: 100%;
    opacity: 0.9;
}
.portfolio-img:hover {
    opacity: 1.0;
}
a.portfolio-link, a.portfolio-link:link, a.portfolio-link:visited {
    color: #aae2ff;
    letter-spacing: .25em;
}
a.portfolio-link:hover {
    color: #95c7e1;
    text-decoration: none;
}
h3.volunteer {
    color: #f4f4f4;
    font-weight: 700;
    width: 100%; 
    border-bottom: 5px solid #4f4f4f; 
    line-height: 0.05em;
    margin: 50px 0 20px; 
    text-align: right;
} 
h3.volunteer span { 
    background-color: #d65b13;
    padding: 0px 20px;
    margin-right: 50px;
}
#footer {
    background-color: #ffffff;
    padding-top: 20px;
}
#footer-top {
    font-size: 4em;
}
@media (min-width: 767px) {
    .navbar {
        height:50px;
    }
}
@font-face {
    font-family: 'icomoon';
    src:  url('/assets/fonts/icomoon.eot?unx6w9');
    src:  url('/assets/fonts/icomoon.eot?unx6w9#iefix') format('embedded-opentype'),
      url('/assets/fonts/icomoon.ttf?unx6w9') format('truetype'),
      url('/assets/fonts/icomoon.woff?unx6w9') format('woff'),
      url('/assets/fonts/icomoon.svg?unx6w9#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-smugmug:before {
    content: "\e900";
    color: #1ba7db;
}
.icon-smugmug:hover:before {
    content: "\e900";
    color: #1790bf;
}
[data-aos="go-away"] {
    opacity: 1;
    transition-property: opacity;
}
[data-aos="go-away"].aos-animate {
    opacity: 0;
}