@font-face {
  font-family: "andale_monoregular";
  src: url("../fonts/andalemono-webfont.woff2") format("woff2"), url("../fonts/andalemono-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@media (min-width: 992px) {
  #resume {
    color: #343a40;
  }
  #resume img {
    display: block;
    width: 60vw;
    height: auto;
    margin: 0 auto;
  }
  #resume .social {
    letter-spacing: 4px;
  }
  #resume a {
    color: #343a40;
  }
  #resume a :hover {
    color: #000;
  }
}
@media (max-width: 991px) {
  #resume {
    color: #343a40;
  }
  #resume img {
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
  }
  #resume .social {
    letter-spacing: 4px;
  }
  #resume a {
    color: #343a40;
  }
  #resume a :hover {
    color: #000;
  }
}
body {
  font-family: "andale_monoregular";
}

.navbar {
  border-bottom: #000000 2px solid;
  background: #e9ecef;
}
.navbar img {
  width: 90px;
  height: auto;
}

#about {
  background: url(../img/Background-2.jpg);
  background-size: cover;
  background-attachment: fixed;
}
#about img {
  display: block;
  padding-top: 30vh;
  margin-left: auto;
  margin-right: auto;
  width: 50vw;
  height: auto;
}
#about .main-header {
  position: relative;
  display: flex;
  min-height: 100vh;
  width: 100%;
  padding: 0;
  margin: 0;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-family: "andale_monoregular";
  color: #e9ecef;
}
#about .header {
  font-size: 70px;
}
#about .sub-header {
  font-size: 20px;
  letter-spacing: 11px;
}

#computer_skills .main-container {
  border-left: none;
}
#computer_skills .img-logo img {
  width: 32px;
  height: auto;
}

#portfolio a {
  color: #e9ecef;
}
#portfolio a :hover {
  color: #fff;
}
#portfolio .iphone img {
  width: 17vw;
  height: auto;
}
#portfolio .iphone-full img {
  width: 12vw;
  height: auto;
}
#portfolio .iphone-small img {
  width: 35vw;
  height: auto;
}
#portfolio .iphone-small-full img {
  width: 30vw;
  height: auto;
}
#portfolio .img-large img {
  width: 20vw;
  height: auto;
}
#portfolio .img-small img {
  width: 70vw;
  height: auto;
}
#portfolio .img-small-2 img {
  width: 35vw;
  height: auto;
}
#portfolio .bor-right {
  border-right: #e9ecef 1px solid;
}
#portfolio img {
  width: 40vw;
  height: auto;
}
#portfolio .img-icon {
  width: 24px;
  height: auto;
}

.social-link {
  font-size: 30px;
}

#contact {
  color: #343a40;
}
#contact .social {
  letter-spacing: 4px;
}
#contact a {
  color: #343a40;
}
#contact a :hover {
  color: #000;
}

#footer {
  color: #e9ecef;
}

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