@import url("https://fonts.googleapis.com/css?family=Work+Sans:400,700,900");
@import url("https://fonts.googleapis.com/css?family=Inconsolata");
.social-bar {
  position: fixed;
  left: -15px;
  top: 50px;
  z-index: 99999;
}

.social-bar__item {
  padding: 10px 10px 10px 25px;
  color: white;
  font-size: 26px;
  text-align: center;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-transition-duration: 100ms;
          transition-duration: 100ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
  cursor: pointer;
}

.social-bar__item:hover {
  -webkit-transform: translate(15px);
          transform: translate(15px);
  opacity: 0.9;
}

.social-bar__fb {
  background-color: #3b5999;
}

.social-bar__twitter {
  background-color: #55acee;
}

.social-bar__linkedin {
  background-color: #0077B5;
}

.social-bar__github {
  background-color: #000;
}

.social-bar__printerest {
  background-color: #bd081c;
}

* {
  color: #fff;
  font-size: 18px;
  line-height: 34px;
  font-family: 'Inconsolata', monospace;
}

@media (max-width: 845px) {
  * {
    font-size: 14px;
    line-height: 27px;
  }
}

html {
  background: url(img/background.jpg) no-repeat center center fixed;
  background-size: cover;
}

body {
  background: none;
}

section {
  height: 60vh;
}

section .row {
  height: 100%;
}

section .row .col-md-6 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 550px) {
  section .row .col-md-6 {
    display: block;
  }
}

section .row .full-heigth {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

section .row .col-md-12 {
  padding-left: 20%;
  padding-right: 20%;
}

@media (max-width: 550px) {
  section .row .col-md-12 {
    padding-left: 10%;
    padding-right: 10%;
  }
}

@media (max-width: 550px) {
  section {
    height: unset;
    margin-bottom: 15%;
  }
}

h1,
h2,
h3,
h4 {
  font-family: 'Work Sans', sans-serif;
  font-weight: 700;
}

.avatar {
  width: 75%;
  margin: auto;
}

.title-card {
  background-color: #CE2135;
  padding: 20px;
  width: 80%;
  margin: auto;
  color: #fff;
  text-transform: uppercase;
}

ul {
  list-style: none;
  padding-left: 0;
}

@media (max-width: 845px) {
  #experience,
  #picture {
    -webkit-box-ordinal-group: 3 !important;
        -ms-flex-order: 2 !important;
            order: 2 !important;
  }
}

@media (max-width: 550px) {
  #skills {
    margin-top: 20px;
  }
}

.title-section {
  padding-top: 30vh;
  margin-bottom: 10vh;
}

@media (max-width: 550px) {
  .title-section {
    padding-top: 30px;
    margin-bottom: 30px;
  }
}
/*# sourceMappingURL=style.css.map */