h1 {
    font-family: Impact, Charcoal, sans-serif;
}
p {
    font-size: 17px;
    font-family: georgia;
    margin-bottom: 20px;
}
h5 {
    font-family: helvetica;
    font-size: 35px;
    font-weight: bold;
    font-style: italic;
    color: #8B0000;
}
h2 {
    font-family:helvetica;
    font-size:35px;
    font-weight:bold;
    font-style:italic;
}
h3 {
	font-family:helvetica;
    font-size:20px;
    font-weight:bold;
    color: #8B0000;
}
h4 {
    font-size: 25px;
    font-family: helvetica;
    font-style: italic;
    line-height: 130%;
}
h6 {
    font-size: 23px;
    color: #8B0000;
    font-family:helvetica;
    font-weight:bold;
}
.start {
    font-family:Impact, Charcoal, sans-serif;
    font-size:22px;
    text-transform:uppercase;
}
.red {
    color: black;
    font-weight: bold;
}
.background-image-row {
    position: relative;
}
.background-image-row > * {
    position: absolute;
    top: 0;
    /*z-index:-10;*/
}
@media(max-width: 768px) {
    .title {
        margin: 0 !important;
    }
    .background-image-row img, .background-image-row video {
        position: relative !important;
        z-index: 1 !important;
    }
    .whitetext {
        color: black !important;
    }
}
/******* Freely edit below this line ********/
 .whitetext {
    color: white;
}
.title {
    margin-top: 10%;
}
.title h1 {
    font-size: 98px;
}
.infilmsquote {
    background-image: url('../img/file_of_two_women.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
.actualquote {
    margin-top: 80px;
    color: black;
}
.actualquote2 {
    margin-top: 70px;
    color: black;
}
.actualquote3 {
    margin-top: 80px;
    color: black;
}
.actualquote4 {
    margin-top: 90px;
    color: black;
}
#infilmspicturecaption {
    position: absolute;
    right: 50px;
    top: 50px;
    z-index: 100;
    padding: 20px;
    background: rgba(100, 100, 100, 0.5);
    visibility: hidden;
}
.caption {
    position: absolute;
    right: 50px;
    bottom: 25px;
    padding: 15px;
    background: rgba(100, 100, 100, 0.6);
    color: white;
}
.caption-small {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(100, 100, 100, 0.6);
    color: white;
    padding: 25px;
    visibility: hidden;
    z-index: 1000;
}

#background-video-height-adjust .col-sm-12 {
    padding: 0;
}

/*img + .caption {
    opacity: 0;
}

img:hover + .caption {
    -webkit-animation: fadein 2s ease-in-out;
       -moz-animation: fadein 2s ease-in-out;
        -ms-animation: fadein 2s ease-in-out;
         -o-animation: fadein 2s ease-in-out;
            animation: fadein 2s ease-in-out;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}


@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​


@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}​*/

img + .caption {
   opacity: 0;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

img:hover + .caption {
    opacity: 1;
}

.smallCaption {
    padding-top: 10px;
	font-family:helvetica;
	font-weight:bold;
	font-size:12px;
}

.kuvis{
	font-family:helvetica;
	font-weight:bold;
	font-size:14px;
	line-height:97%;
	
}

.kuvaaja{
	font-family:helvetica;
	font-size:10px;
	line-height:10%;
	
}
.kreditit{
	font-family:helvetica;
	font-size:10px;
	line-height:100%;
	
}

/*BOOTSTRAP OVERRIDES*/

.container-fluid {
    padding: 0;
}

.container {
    margin-top: 70px;
}