.portfolio h1 {
  margin: 0 auto;
  color: #FFF;
  font-size: 120px;
  font-weight: 800;
  text-align: center;
  padding-top: 40vh;
  position: relative;
  cursor: default; }
  @media (min-width: 830px) {
    .portfolio h1 {
      -webkit-transition: all 500ms ease-out .5s;
      -moz-transition: all 500ms ease-out .5s;
      -o-transition: all 500ms ease-out .5s;
      transition: all 500ms ease-out .5s; } }
  @media (max-width: 830px) {
    .portfolio h1 {
      font-size: 80px;
      padding-top: 18vh; } }
	  
  @media (max-width: 640px) {
    .portfolio h1 {
      font-size: 54px;
      padding-top: 18vh; } }	  
  @media (max-width: 480px) {
    .portfolio h1 {
      font-size: 36px;
      padding-top: 20vh; } }	 	  
@-webkit-keyframes h1fade {
  0% {
    opacity: 0;
    transform: scale(3);
    top: -200px; }
  100% {
    opacity: 1;
    top: 0px; } }
.portfolio .main-img {
  width: 100%;
  height: 100vh;
  background: #000;
  display: block; }
  .portfolio .main-img.sinojobs {
    background: url(../img/sinojobs.jpg) no-repeat #E2001A;
    background-size: cover; }
    @media (max-width: 830px) {
      .portfolio .main-img.sinojobs {
        background-size: 100%;
        background-position: center 50px; } }
    @media (max-width: 640px) {
      .portfolio .main-img.sinojobs {
        background-size: cover;
        background-position: 50% center; } }
  .portfolio .main-img.premio {
    background: url(../img/premio.jpg) no-repeat #01589B;
    background-size: cover; }
    @media (max-width: 830px) {
      .portfolio .main-img.premio {
        background-size: 100%; } }
    @media (max-width: 640px) {
      .portfolio .main-img.premio {
        background-size: cover;
        background-position: 50% center; } }
  .portfolio .main-img.quick {
    background: url(../img/quick.jpg) no-repeat #FDF030;
    background-size: cover; }
    @media (max-width: 830px) {
      .portfolio .main-img.quick {
        background-size: 100%; } }
    @media (max-width: 640px) {
      .portfolio .main-img.quick {
        background-size: cover;
        background-position: 50% center; } }
  .portfolio .main-img.tuning {
    background: url(../img/tuning.jpg) no-repeat #000;
    background-size: cover; }
    @media (max-width: 830px) {
      .portfolio .main-img.tuning {
        background-size: 100%; } }
    @media (max-width: 640px) {
      .portfolio .main-img.tuning {
        background-size: cover;
        background-position: 50% center; } }
  .portfolio .main-img.kettlebell {
    background: url(../img/kettlebelldaddy.jpg) no-repeat #000;
    background-size: cover; }
    @media (max-width: 830px) {
      .portfolio .main-img.kettlebell {
        background-size: 100%; } }
    @media (max-width: 640px) {
      .portfolio .main-img.kettlebell {
        background-size: cover;
        background-position: 50% center; } }
  .portfolio .main-img.bier {
    background: url(../img/bier.jpg) no-repeat #000;
    background-size: cover; }
    @media (max-width: 830px) {
      .portfolio .main-img.bier {
        background-size: 100%; } }
    @media (max-width: 640px) {
      .portfolio .main-img.bier {
        background-size: cover;
        background-position: 50% center; } }
  @media (max-width: 830px) {
    .portfolio .main-img {
      width: 100%;
      height: 50vh; } }
  .portfolio .main-img .main-img-overlay {
    width: 100%;
    height: 100vh;
    position: absolute;
    background: #000;
    opacity: 0.4;
    margin: 0 !important;
    padding: 0 !important; }
    @media (max-width: 830px) {
      .portfolio .main-img .main-img-overlay {
        height: 50vh; } }
.portfolio .main-txt {
  padding-top: 140px; }
  @media (max-width: 830px) {
    .portfolio .main-txt {
      padding-top: 60px; } }
  .portfolio .main-txt h2 {
    margin: 0 auto;
    color: #000;
    font-size: 3.5em;
    font-weight: 600; }
    @media (max-width: 830px) {
      .portfolio .main-txt h2 {
        font-size: 3em; } }
    @media (max-width: 640px) {
      .portfolio .main-txt h2 {
        font-size: 2em; } }
  .portfolio .main-txt .headline {
    margin-bottom: 100px; }
    @media (max-width: 830px) {
      .portfolio .main-txt .headline {
        margin-bottom: 40px; } }
  .portfolio .main-txt .details {
    margin: 50px 0 70px 0; }
    .portfolio .main-txt .details h4 {
      font-weight: 800;
      font-size: 22px;
      margin: 0px; }
    .portfolio .main-txt .details .detailblock {
      margin: 10px 0 10px 0; }
    @media (max-width: 830px) {
      .portfolio .main-txt .details {
        margin: 0px 0 30px 0; } }
  .portfolio .main-txt .textblock {
    font-size: 18px;
    line-height: 30px;
    color: #000;
    opacity: 1;
    font-weight: 500;
    padding: 0 70px 0 15px; }
    @media (max-width: 830px) {
      .portfolio .main-txt .textblock {
        margin-bottom: 30px;
        padding: 0 15px; } }
  .portfolio .main-txt .dots {
    width: 26px;
    height: 26px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    float: left;
    margin: 5px 5px 0 0;
    padding: 5px;
    border: 1px solid #818181;
    opacity: 1; }
    .portfolio .main-txt .dots div {
      width: 20px;
      height: 20px;
      -webkit-border-radius: 20px;
      margin: -3px 0 0 -3px; }
      .portfolio .main-txt .dots div.sinojobs.red {
        background: red; }
      .portfolio .main-txt .dots div.sinojobs.black {
        background: #000; }
      .portfolio .main-txt .dots div.sinojobs.white {
        background: #FFF; }
      .portfolio .main-txt .dots div.premio.blue {
        background: #00569D; }
      .portfolio .main-txt .dots div.premio.red {
        background: #E4041F; }
      .portfolio .main-txt .dots div.premio.yellow {
        background: #FFEE00; }
      .portfolio .main-txt .dots div.premio.white {
        background: #FFF; }
      .portfolio .main-txt .dots div.quick.black {
        background: #2B2B2B; }
      .portfolio .main-txt .dots div.quick.yellow {
        background: #FEED02; }
      .portfolio .main-txt .dots div.tuning.red {
        background: #D7132C; }
      .portfolio .main-txt .dots div.tuning.grey {
        background: #939393; }
      .portfolio .main-txt .dots div.tuning.black {
        background: #000; }
      .portfolio .main-txt .dots div.kettlebell.purple {
        background: #6C1F9A; }
      .portfolio .main-txt .dots div.kettlebell.white {
        background: #FFF; }
      .portfolio .main-txt .dots div.kettlebell.black {
        background: #000; }
      .portfolio .main-txt .dots div.bier.gold {
        background: #C8AB50; }
      .portfolio .main-txt .dots div.bier.brown {
        background: #352018; }
      .portfolio .main-txt .dots div.bier.white {
        background: #FFF; }
.portfolio .screenshots img {
  width: 94%;
  margin: 0 3% 40px 3%;
  border: 20px solid #EFEFEF;
  -webkit-transition: all 500ms ease-out;
  -moz-transition: all 500ms ease-out;
  -o-transition: all 500ms ease-out;
  transition: all 500ms ease-out; }
  .portfolio .screenshots img:hover {
    width: 100%;
    margin: 0 0 40px 0; }

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