﻿.fotorama div { text-align:center;}
    .fotorama div b {
        display: block;
        padding: 30% 5% 20px 5%;
        color: #fff;
        font-family: 'Kreon', serif;
        font-weight: 700;
        font-size: 72px;
        letter-spacing: 2px;
    }
.fotorama div b a {color:#fff;  text-shadow:2px 2px 20px #000000;}
.fotorama div b a:hover {color:#fff;  text-shadow:2px 2px 20px #0f70b7;}
    .fotorama div p {
        color: #fff;
        padding: 0 5%;
        font-family: 'Source Sans Pro', sans-serif;
        font-weight: 600;
        font-size: 24px;
        letter-spacing: 1px;
        text-shadow: 0 0 20px #000000;
    }


@media (max-width: 1366px) {
.fotorama div b {display:block; padding:20% 0 10px 0; font-size:64px; letter-spacing:1px; }
.fotorama div p {padding:10px; font-size:22px; letter-spacing:0; text-shadow:0 0 10px #000; }}

@media (max-width: 1024px) {
.fotorama div b {padding:20% 0 10px 0; font-size:52px; letter-spacing:0; }
.fotorama div p {padding:10px; font-size:20px; letter-spacing:0; text-shadow:0 0 10px #000; }
}

@media (max-width: 760px) {
.fotorama div b {font-size:40px;}
.fotorama div b a {text-shadow:2px 2px 10px #000;}
.fotorama div b a:hover {text-shadow:2px 2px 10px #0f70b7;}
.fotorama div p {color:#fff; padding:10px; font-weight:600; font-size:18px; letter-spacing:0; text-shadow:0 0 10px #000; }
  }    
