html { box-sizing: border-box; }
*, ::before, ::after { box-sizing: inherit; }


body{
    background-color: #ccd5ae;
    justify-content: center;
    display: flex;
    font-family: "Source Sans 3", sans-serif;
    font-size: 20px;
    line-height: 1.4;
    
}

.foto-hlavicka {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    margin: 30px 30px 30px 30px;}

    .foto-historie{
        width: 250px;
        height: 188px;
        border-radius: 8px;
        margin: 0 20px 20px 20px;

        /* margin: 20px 20px 0 20px; */
        float: right;
    }

    .foto-zamek{
        width: 320px;
        height: 240px;
        border-radius: 8px;
        margin: 5px 20px 0 0;
        /* padding: 20px 20px 0 20px; */
        float: left;
    }
    .foto-konec{
        width: 100%;
        padding: 20px 0 20px 0;
    }

    .card{
        max-width: 900px;
        padding: 30px 50px;
        border-radius: 12px;
        background-color: #ffffff;
        text-align: center;
    }
   
      

    h1{
        text-align: center;
        font-family: "Playfair Display", serif;
        font-size: 48px;
        line-height: 1.2;
    }

    h2{
        text-align: left;
        font-family: "Playfair Display", serif;
        font-size: 32px;
        line-height: 1.2;
    }
    
    h3{
        text-align: left;
        font-family: "Playfair Display", serif;
        color: #d4a373;
        font-size: 24px;
        line-height: 1.2;
    }
    
 /* Зміна шрифту та кольору в абзацах  */

    article.card p.first{
        color: #d4a373;
        text-align: center;
        line-height: 1.2;
        text-align: center;
    }
    article.card p.second{
        color: #808080;
        line-height: 1.2;
        font-family: "Source Sans 3", sans-serif;
        font-size: 24px;
        text-align: left;
        font-style: italic;
        }
    p{
        text-align: left
    }