@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Playfair+Display:400,700,900&display=swap');

a {
    color: #008FD3;
}

a:focus {
    outline: 2px dotted #243081 !important;
}

.language-selection ul li.active a {
    color: #243081;
    text-decoration: underline;
}

/* ------------------------------ FONTIT ------------------------------ */

body {
    line-height: 1.3;
}

h1, h2, h3 {
    font-family: 'Playfair Display', serif;
    font-weight: 900;
}

h1 {
    font-size: 8rem;
}

h2 {
    font-size: 4.5rem;
}

p, li, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

.ingressi p {
    font-family: 'Playfair Display', serif;
    font-weight: 400;
    line-height: 1.6;
    font-size: 2.5rem;
}

/* ------------------------------ FONTIT MEDIA ------------------------------ */

@media (min-width: 1600px) {
    body {
        font-size: 16px;
    }
}

@media only screen and (min-width:991px) {
    h2.iso {
        font-size: 8rem;
    }
}

@media only screen and (max-width:992px) {
    h1 {
        font-size: 4rem;
    }
    
    h2 {
        font-size: 3rem;
    }
    
    .ingressi {
        font-size: 3rem;
    }
}

/* ------------------------------ MUUT TYYLIT ------------------------------ */

.btn-saimaa button, .btn-saimaa a {
    font-family: 'Montserrat', sans-serif;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2rem !important;
    letter-spacing: .1em;
    padding: 1em 2em !important;
}

.varjo {
    text-shadow: 3px 3px 8px black;
}

.varjo-kuva {
    -webkit-filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
    filter: drop-shadow(3px 3px 2px rgba(0,0,0,0.5));
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=3, OffY=3, Color='#444')";
}