a {
}

a.email {
    position: relative;
    text-decoration: none;
    color:#000;
    margin-right: 50px;
}

a.email:before {
    content: "";
    position: absolute;
    width: 0;
    height: 1px;
    bottom: -4px;
    right: 0;
    background-color: #000;
    visibility: hidden;
    transition: all 0.3s ease-in-out;
}

a.email:hover:before {
    visibility: visible;
    width: 100%;
}
.title{
    font-size:3em;
    line-height: 1.2em;
    font-weight: 700;
}
.subtitle{
    font-size:36px;
    line-height:1.4em;
    padding-right:50px;
    font-weight: 200;
}
.special{
    font-size:1em;
    line-height: 1.4em;
    font-weight: 700;
}

.appbg{
    background: url('img/app/bg.png') no-repeat center top;
    background-size: 100%;
}


/* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: #fff;
  padding: 24px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  border-bottom: 1px solid #fff;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: #fff;
  color:#000;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a.icon:hover {
  background-color: #fff;
  color: #000;
}

/* Style the active link (or home/logo) */
.active {
  background-color: #fff;
  color: white;
}

@media only screen and (max-width: 600px) {

    .meter{
        margin: 20px 0 20px 0;
        height: 150px;

    }
    .title{
        font-size:1.8em;
        line-height: 1.2em;
        font-weight: 700;
    }
    .subtitle{
        font-size:1.4em;
        line-height:1.4em;
        padding-right:0px;
        font-weight: 200;
    }
    .special{
    font-size:1.6em;
    line-height: 1.4em;
    font-weight: 700;
}
    
}