* {
  margin: 0px;
  padding: 0px; }

body {
  font-size: 75%;
}

#header {
  height: 15vh;
  z-index: 100;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px; }
  #header #artistName {
    position: relative;
    padding-top: 3%;
    color: white;
    left: 5%;
    font-variant: small-caps;
    font-family: "Times New Roman, sans serif";
    font-size: 6.3em;
    letter-spacing: 0.01em; }
  #header #navBar {
    top: 60px;
    float: right; }
    #header #navBar ul {
      position: relative;
      right: 15%; }
      #header #navBar ul li {
        display: inline; }
        #header #navBar ul li a {
          float: right;
          font-size: 2.8em;
          margin: 0px 7px;
          font-variant: small-caps;
          font-family: "Times New Roman, sans serif";
          text-decoration: none;
          color: white;
          border-bottom: 1px solid transparent;
          -webkit-transition: all 300ms ease-in-out;
          -moz-transition: all 300ms ease-in-out;
          -o-transition: all 300ms ease-in-out;
          transition: all 0.4s ease-in-out; }
          #header #navBar ul li a:hover {
            border-color: white; }
        #header #navBar ul li .social-be {
          position: relative;
          font-size:2.5em;
          padding-bottom: 5px; }
  #header #nav-toggle {
    position: fixed;
    top: 5%;
    font-size: 5em;
    right: 10%;
    color: white; }
  #header nav a {
    font-size: 3em;
    font-family: "Times New Roman, sans serif";
    color: #FFF;
    text-decoration: none; }
  #header nav li {
    list-style: none; }

  #header .main-navigation {
    position: fixed;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: #222;
    text-align: center;
    transform: translateX(200%);
    transition: transform 600ms ease; }
    #header .main-navigation.open {
      transform: translateX(100%); }
    #header .main-navigation ul {
      margin: 0px;
      padding: 0px; }
      #header .main-navigation ul a {
        font-variant: small-caps;
        padding: 11px 20px;
        display: block; }

#imgbg {
  position: absolute;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background-image: url("../images/img3.jpg");
  background-position: center;
  background-size: cover; }
  #imgbg .row {
    height: 100vh; }
    #imgbg .row #ion-container-left {
      cursor: pointer;
      height: 100%;
      padding: 0px; }
      #imgbg .row #ion-container-left #ionLeft {
        margin-left: 20px;
        position: relative;
        top: 50%;
        transition: all 300ms ease-in-out;
        color: white; }
      #imgbg .row #ion-container-left:hover span {
        font-size: 7em; }
    #imgbg .row #ion-container-right {
      cursor: pointer;
      height: 100%;
      padding: 0px; }
      #imgbg .row #ion-container-right #ionRight {
        float: right;
        margin-right: 20px;
        position: relative;
        top: 50%;
        transition: all 300ms ease-in-out;
        color: white; }
      #imgbg .row #ion-container-right:hover span {
        font-size: 7em; }
    #imgbg .row span {
      font-size: 6em; }

#blog {
  padding-top: 15vh; }
  #blog p {
    color: #2c3e50;
    margin: 30px 0px;
    font-size: 3em; }

/*media queries*/
@media screen and (min-width: 992px) {
  #nav-toggle {
    display: none; } }
/*Angular animations*/
main.ng-enter {
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  opacity: 0; }

main.ng-enter.ng-enter-active {
  opacity: 1; }

/*# sourceMappingURL=style.css.map */