*{
    margin: 0;
    padding: 0;
}

ul{
    list-style-type: none;
}

a{
    color: black;
}

.header{
    width: 100%;
    background-color: #e4a090;
    padding: 10px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row;
            flex-flow: row;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}

.header h1{
    font-size: 18px;
    padding-left: 10px;
    text-transform: uppercase;
}

.header a{
    text-decoration: none;
}

.menu{
    padding-right: 10px;
}

.menu li{
    display: inline-block;
    font-size: 22px;
    margin: 0 10px;
}


.images{
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.images img{
    width: 90%;
    margin-top: 2em;
}

.ponuka h2{
    text-align: center;
}

.sk-ponuka, .en-ponuka{
    font-size: 19px;
    width: 90%;
    margin: 1em 5% 4em;
    text-align: center;
}

.en-ponuka{
    margin-top: 4em;
}


.asideImg{
    width: 55%;
    margin: 0 27.5%;
}

.kontaktMain{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column;
            flex-flow: column;
    margin-top: 2em;
    
    text-align: center;
}

.kontaktBox{
    margin-bottom: 5em;
}

.kontaktMain h2, .kontakt h2{
    font-size: 26px;
}

 .kontakt li{
    font-size: 18px;
}

.kontakt{
    text-align: center;
}

/*Cenna na mainpage*/
.cena{
    text-align: center;
}

.cena h2{
    font-size: 32px;
}

.cena li{
    font-size: 24px;
}

/*Cennik v kolonke cennik*/
.cennik{
    text-align: center;

    width: 90%;
    margin: 5%;

    padding: 3em 0 4em;

    background-color: #A1BAE5;

    border-radius: 2px;
}

.cennik h2{
    font-size: 26px;
}

.cennik li{
    font-size: 22px;
}

#footer{
    background-color: black;
    width: 100%;
    height: 62px;
    margin-top: 2em;
}

#footer p{
    color: white;
    font-size: 20px;
    padding: 16px;
    float: right;
}

.reservation{
    font-size: 24px;
    margin-top: 3em;
    color: blue;
}

.ownerBox{
    text-align: center;
    margin: 2em 0;
}

#ownerMain{
    height: 250px;
    width: auto;
}

.kontaktEmail{
    font-size: 18px;
    color: green;
    text-decoration: none;
}

.main{
    margin-bottom: 1em;
}

.owner{
    width: 150px;
}






@media only screen and (min-width: 768px)
{
    .header h1{
        font-size: 22px;
    }

    .images{
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row;
                flex-flow: row;
        -webkit-box-pack: space-around;
            -ms-flex-pack: space-around;
                justify-content: space-around;
    }
    
    .images img{
        height: 300px;
        margin: unset;
        width: auto;
    }
    
    .main{
        margin: 4em 0;
    }
    
        /*-webkit-clip-path: polygon(0 0, 100% 0, 100% 16%, 50% 50%, 0 50%);
        clip-path: polygon(0 0, 100% 0, 100% 16%, 50% 50%, 0 50%);*/
    
    .menu li a{
        transition: .2s;
    }

    .menu li a:hover, .header h1 a:hover{
        color: #222;
        text-shadow: 2px 2px 2px #666;
    }

    .text{
        width: 50%;
        text-align: left;
        position: absolute;
        left: 40%;
        top: 6em;
        font-size: 32px;
    }
    
    .wrapper{
        width: 80%;
        margin: 0 10% 10em;
    }

    .kontaktMain h2{
        font-size: 24px;
    }
    
    .sk-ponuka, .en-ponuka{
        font-size: 22px;
        margin: 3.5% 0;
        width: 100%;
        text-align: center;
        line-height: 42px;
    }
    

    .asideImg{
        width: 30%;
        margin: 0 35%;
    }

    .kontaktMain{
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-flow: row;
                flex-flow: row;
        -webkit-box-pack: space-around;
            -ms-flex-pack: space-around;
                justify-content: space-around;
    }


    .kontakt{
        flex-flow: row; 
        display: inline-block;
        margin: 8em 0 12em 50%;
    }

    .kontaktBox{
        margin-bottom: 1.5em;

    }

    .kontaktBox h2{
        margin-bottom: 1em;

    }

    .kontaktMain li{
        font-size: 22px;
    }

    .ownerBox{
        float: left;
        position: absolute;
        top: 25%;
        left: 12em;
        margin: unset;
    }

    .owner{
        width: 200px;
    }


    .cennik{
        width: 40%;
        margin: 10.5em 30%;
    }
    
    .cennik h2{
        font-size: 32px;
    }
    
    .cennik li{
        font-size: 26px;
    }

    #footer{
        margin: 0;
    }

    #ownerMain{
        height: 300px;
    }

    .kontaktEmail{
        font-size: 24px;
    }

    .call li{
        font-size: 18px;
    }
}