/* Moderní box model - nastavená šířka boxu je včetně paddingu a borderu */
html {
box-sizing: border-box;
}

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

body{
    font-family: Raleway;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
    background-color: floralwhite;
}

section{
    padding: 50px 15%;;
    overflow: auto;
}

.instagram{
    color: deeppink;
    text-align: left;
}

h1{
    color: black;
    text-align: left;
    font-size: 30px;
    margin: 10px;
    text-decoration: none;
}

h2{
    color: black;
    text-align: left;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 0;
}

p{
    font-size: 10px;
    margin: 0;
}

.prvnidilo img, .druhedilo img, .tretidilo img, .ctvrtedilo img{
    border-radius: 5%;
    width: 200px;
    float: left;
    margin-right: 50px;
}

.prvnidilostranka img, .druhedilostranka img, .tretidilostranka img, .ctvrtedilostranka img{
    border-radius: 5%;
    width: 200px;
    margin-right: 10px;
}

footer{
    color: black;
    background-color: floralwhite;
    font-size: 15px;
    font-weight: 200;
    margin: 10px;
    text-align: right;
}

.menu li{
    display: inline;
}
.menu a{
    color: black;
    display: inline-block;
    padding: 20px 30px;
    font-size: 20px;
    text-decoration: none;
}
.menu{
    text-align: centre;
    margin: 0;
}

  .menu a:hover{
    background-color: deeppink;
}

.kratkypopis{
    font-style: italic;
    font-size: 18px;
    font-weight: 183;
}

a{
    font-style: normal;
    color: black;
}
a:hover{
    background-color: deeppink;
}

.dlouhypopis{
    font-size: 20px;
    font-weight: 100;
    margin: 20;
    background-color: floralwhite;
}
.obrazeknic img{
    border-radius: 5%;
    width: 500px;
}