@import url("https://use.typekit.net/fak6ufj.css");



nav{
  font-family: "nimbus-sans-extended",sans-serif;
  color: black;
  position: fixed; /*left: 0; top: 0; */
  width: 100%;
  background-color: white;
  z-index: 1;
}

a:link {
    color: Black;
    text-decoration: none;
}

a:visited {
    color: Black;
    text-decoration: none;
}

a:hover {
    color: black;
    text-decoration: none;
}

a:active {
    color: Black;
    text-decoration: none;
}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 15%;
  height: 15%;
}

@media (min-width: 1000px)
 {
  .logo {
    margin-left:7.5vw;
    width: 40%;
    height: 40%;
  }
}

.links{
  text-align: center;
}

@media (min-width: 1000px)
 {
  #projects{
    padding-left: 4.5vw;
  }
}

#headline ul{
  font-weight: 700;
  font-size: .8em;
  padding-right: 7vw;
  display: inline-block;
  text-align: left;
  margin-bottom: 3vh;
}



@media (min-width: 1000px)
 {
  #headline ul{
    padding-top: 2.3em;
    font-weight: 700;
    font-size: 1.5em;
    display: inline-block;
    padding-right: 15vw;
  }
}

.projects{
  width: 100%;
  height: 69.5vw;
  margin: 0 auto;
  background-image:url(../images/i.ubusinesscard.png);
  background-size: contain;
  background-repeat: no-repeat;
}
.resume{
  width: auto;
  height: auto;
}

#aboutme ul{
  font-family: "nimbus-sans-extended", "nimbus-sans", sans-serif;
  font-size: 2em;
  font-weight: 900;
  color: rgb(204, 23, 30);
}

@media (min-width: 1000px)
 {
  #aboutme ul{
    font-family: "nimbus-sans-extended", "nimbus-sans", sans-serif;
    font-size: 2.5em;
    font-weight: 900;
    color: rgb(204, 23, 30);
  }
}

#info p{
  font-family: "nimbus-sans",  sans-serif;
  font-size: 1em;
  font-weight: 500;
  text-align: left;
}

@media (min-width: 1000px)
 {
  #info p{
    font-family: "nimbus-sans",  sans-serif;
    font-size: 1.2em;
    font-weight: 500;
    text-align: left;
  }
}

.city_mag_head{
  float: left;
  font-family: "nimbus-sans-extended",sans-serif;
  font-weight: 900;
  font-size: 1.6em;
  color: black;
  background-color: white;
  background-size: auto;
  margin:0 auto;
  width: auto;
  height:15%;
  display:inline;
}
@media (min-width: 750px)
{
  .city_mag_head{
    float: left;
    font-family: "nimbus-sans-extended",sans-serif;
    font-weight: 900;
    font-size: 3.5em;
    color: black;
    background-color: white;
    background-size: auto;
    margin-top: 8vh;
    margin-left:5vw;
    width: 94%;
    height:auto;
    display:inline;
  }
}

.cityspread{
  margin: 0 auto;
  width: 100%;
  height: auto;
  display: inline;

}
@media (min-width: 750px)
{
  .cityspread{
    margin: 0 auto;
    width: 50%;
    height: auto;
    display: inline-block;

}

.city{
  width: 5%;
  height: auto;
  margin-left: ;
}

@media (min-width: 1000px)
{
  .city{
    width: 12%;
    height: auto;
    margin-bottom: -4vh;
    display: inline;
  }
}
.mot{
  width: 85%;
  height: auto;
  display: block;
}