/* Main Overrides */
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}
html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    background: #ECECEC
}
a {
    text-decoration: none;
    color: rgba(5, 34, 117, 0.73)
}
a:hover {
    color:orangered
}
p {
    line-height: 5px;
    color: #525252;
    font-family: 'Roboto Condensed', sans-serif
}
.p-icon {
    margin-bottom: -6px
}

/* About Me */
.about-me{
    position: relative;
    width: 100%;
    min-height:100%;
    text-align: center;
    margin-bottom: -30px
}
.about-me:after {
  content: "";
  display: block;
  height: 30px
}
#img-me, #img-elle {
    position: relative;
    border-radius: 500px;
    margin: 10% 0 3% 0;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.5)
}
#img-elle {
    margin-left: -233px
}
.info-me {
    background: #fff;
    margin:5px auto;
    padding:15px;
    width: 85%;
    box-shadow:0 1px 2px rgba(0,0,0,0.2)
}
.elle-switch {
    color: rgba(5, 34, 117, 0.73);
    cursor: pointer
}
.elle-switch:hover {
    color:orangered
}
.money {
    color: green
}


/* Font-Awesome Icons */
.fa-book {
    color:#d1b101;
    margin-right:5px
 }
 .fa-plane {
    color:#a31515;
    margin:0 5px
 }
 .fa-briefcase {
    color:#623e0e;
    margin-right:5px
 }
 .fa-twitter, .fa-linkedin {
    font-size:3em;
    margin: 5px 10px
}
.fa-twitter{color:#55acee}
.fa-linkedin{color:#0077b5}


/* Footer */
footer {
    position: fixed;
    bottom: 0;
    left:0;
    width: 100%;
    background: rgba(5, 34, 117, 0.73);
    color: #fff;
    font-family: 'Roboto Condensed', sans-serif
}
.copyright {
    position: relative;
    text-align: right;
    height: 30px;
    vertical-align: middle;
    line-height: 30px;
    margin-right: 10px;
    font-size: .75em
}


/* Flickity */
.gallery-cell {
  width: 100%; /* full width */
  height: 160px; /* height of gallery */
  margin-right: 10px;
}
/* position dots up a bit */
.flickity-page-dots {
  bottom: 20px;
}
/* dots are lines */
.flickity-page-dots .dot {
  height: 4px;
  width: 40px;
  margin: 0;
  border-radius: 0;
  background: rgba(5, 34, 117, 0.73);
}
/* big buttons, no circle */
.flickity-prev-next-button {
    display: none
}


/* Animations */
img#img-me, img#img-elle {
opacity:1;
transition: opacity 1s; 
}

img#img-me.fade, img#img-elle.fade {
opacity:0;
}


/* Media Queries */
@media screen and (min-width: 900px)  { 
    .img-me {
        margin: 7% 0 1% 0
    }
    .info-me {
        width:35%;
    }
}
@media screen and (min-width: 500px) and (max-width: 899px)  { 
    .img-me {
        margin: 8% 0 1% 0
    }
    .info-me {
        width:60%;
    }
}