@import url('https://fonts.googleapis.com/css?family=Lato:400,900&display=swap');

*{
    margin:0;
}

body{
    font-family: 'Lato', sans-serif;
}

header{
    width: 100%;
    height: 800px;
    background-image: url('img/jedzenie.jpg');
    background-size: cover;
    background-attachment: fixed;
}

nav{
    display: flex;
    justify-content: flex-end;
}

.menu-link{
    font-size: 35px;
    font-weight: 500;
    text-decoration: none;
    color: white;
    padding: 14px 20px;
    border-bottom: 2px solid transparent;
    transition-duration: 0.6s;
}

.menu-link:hover{
    border-bottom: 2px solid #ff5805;;
}

h1{
    margin: 100px 0px;
    text-align: center;
    font-size: 35px;
    width: 100%;
}

h2{
    text-align: center;
    margin-top: 10px;
}

.kontener{
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    text-align: center;
}

.info{
    margin: 30px;
    width: 200px;
    height: 200px;
    border-radius: 150px;
    object-fit: cover;
}

.potrawa{
    flex: 1;
}

p{
    padding: 0px 20px 0px 20px;
}

.zdj-galeria{
    width:400px;
    height:200px;
    object-fit:cover;
    margin-top: 10px;
    transition-property:scale;
    transition-duration: .5s;
}

.zdj-galeria:hover{
    scale: 1.05;
}

footer{
    background-color: rgb(25,25,25);
    color:white;
    padding-top:10px;
}

footer > h1 {
    margin-top: 0;
}

.form-contact{
    width:300px;
}
.form-contact > fieldset{    text-align:left;}

.form-contact > input[type="submit"]{
    padding:10px;
    width:100px;
    border-radius:5px;
    background-color:red;
    color:white;
    font-weight:bolder;
    text-transform:uppercase;
    margin-top: 10px;
}

.form-contact > fieldset > input{
    width:100%;
    padding: 5px 0px;
}

.form-contact > fieldset > textarea{
    width:100%;
    height:200px;
    resize:none;
}

@media screen and (max-width:768px){
    iframe{
        width:400px;
    }
    button{width:100%;}
    .form-contact > fieldset > input,
    .form-contact > fieldset > textarea{
        width:250px;
    }
}