@font-face {
    font-family: Vida31;
    src: url("/lib/df.fi/assets/fonts/Vida31Pro.otf") format("opentype");
}
@font-face {
    font-family: Vida31;
    font-style: italic;
    src: url("/lib/df.fi/assets/fonts/Vida31Pro-Italic.otf") format("opentype");
}
@font-face {
    font-family: Vida32;
    src: url("/lib/df.fi/assets/fonts/Vida32Pro.otf") format("opentype");
}
@font-face {
    font-family: Vida32;
    font-weight: bold;
    src: url("/lib/df.fi/assets/fonts/Vida32Pro-Bold.otf") format("opentype");
}
@font-face {
    font-family: Vida32;
    font-style: italic;
    src: url("/lib/df.fi/assets/fonts/Vida32Pro-Italic.otf") format("opentype");
}
@font-face {
    font-family: Vida32;
    font-style: italic;
    font-weight: bold;
    src: url("/lib/df.fi/assets/fonts/Vida32Pro-BoldItalic.otf") format("opentype");
}

body {
  font-family: "Vida31", "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

h1,h2,h3,h4,h5,h6 {
  font-family: "Vida32", "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
}
section {
    padding-top:80px;
    padding-bottom:80px;
}
hr.colored {
  border-color: #cd1131;
}

.about-carousel .item {
  padding-top: 0px;
}

.video-modal {
    background-color:#000;
    -webkit-border-radius: 0; 
    -moz-border-radius: 0; 
    border-radius: 0; 
    margin:0px;
    padding-top:10px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:4px;
}

.modal-large {
    width:80%;
}

@media only screen and (min-width : 320px){
    .portfolio-carousel .item .project-details .project-name {
        display: block;
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 5px;
        font-family: "Vida32", "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 900;
        text-transform: uppercase;
     }
    #portfolio-valoauto { background-image: url('/lib/df.fi/assets/img/portfolio/valoauto_kuva_small.jpg'); }
    #portfolio-jalki { background-image: url('/lib/df.fi/assets/img/portfolio/jalkituotanto_kuva_small.jpg'); }
    #portfolio-kuvaus { background-image: url('/lib/df.fi/assets/img/portfolio/kuvaus_kuva_small.jpg'); }
    #portfolio-digi { background-image: url('/lib/df.fi/assets/img/portfolio/digitaalinen_kuva_small.jpg'); }
    
}

@media (min-width: 992px) {
    .portfolio-carousel .item .project-details .project-name {
        display: block;
        font-size: 50px;
        line-height: 50px;
        margin-bottom: 5px;
        font-family: "Vida32", "Raleway", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 900;
        text-transform: uppercase;
    }
    #portfolio-valoauto { background-image: url('/lib/df.fi/assets/img/portfolio/valoauto_kuva.jpg'); }
    #portfolio-jalki { background-image: url('/lib/df.fi/assets/img/portfolio/jalkituotanto_kuva.jpg'); }
    #portfolio-kuvaus { background-image: url('/lib/df.fi/assets/img/portfolio/kuvaustuotanto_kuva.jpg'); }
    #portfolio-digi { background-image: url('/lib/df.fi/assets/img/portfolio/digitaalinen_kuva.jpg'); }
    
}