.font-class-prosto{
    font-family: 'Prosto One', bold;
}
.font-class-work{
    font-family: 'Work Sans', sans-serif;
}
.header1{
font-size: 46px;
color: #93532D;
}
.header2{
font-size: 28px;
color: #333333;
}
.tekst{
    padding-top: 40px;
font-size: 1em;
color: #333333;
text-align: justify;
font-weight:lighter;
letter-spacing: 1px;
}

.tekst-bold{
font-weight: bold;
}

.text-pad{
    padding-top: 1em;
    padding-bottom: 1em;
}

.just-right{
    justify-self:end;
}

/* Głowny kontener strony */
.grid-container{
display: grid;
grid-template-rows: auto auto auto auto auto auto auto;
grid-template-columns: 1fr;

}

/* ustawienia  poszczegónych sekcji */
.top-bar{
    grid-row: 1 / 2;
    grid-column: 1 / 2; ;

    display: grid;
    justify-items: center;
    align-items: center;
}

.banner1{
    grid-row: 2 / 3;
    grid-column: 1 /2;
}
.banner1 > img{
    width: 100%;;
}

.featured{
    grid-row: 3 / 4;
    grid-column: 1 / 2;

    display: grid;
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 4fr 1fr;
    justify-content: center;
    
}

.featured-top{
    grid-row: 1 / 2;
    grid-column: 1 / 2;

    display: grid;
    grid-template-columns: 4fr 1fr;
    justify-items: center;
    align-items: center;
}

.ftext-top, .ftext-bot{
    padding: 4em;
}

.featured-bottom{
    grid-row: 2 / 3;
    grid-column: 1 / 2;

    display: grid;
    grid-template-columns: 1fr 4fr;
    justify-items: center;
    align-items: center;
}
.featured-side{
    grid-row: 1 / 3;
    grid-column: 2 / 3;
}

.banner2{
    grid-row: 4 / 5;
    grid-column: 1 /2;

}

.banner2 > img{
    width: 100%;;
}

.products{
    grid-row: 5 / 6;
    grid-column: 1 /2;
    padding-left: 10%;
    padding-right: 10%;
    display: grid;
    grid-template-rows: 300px;
    grid-template-columns: repeat(auto-fit,minmax(50px,1fr));
    justify-items: center;
    align-items: center;
}



.footer1{
    grid-row: 6 / 7;
    grid-column: 1 /2;


    padding-right: 3em;
    padding-left:3em;
    padding-top:3em;
    padding-bottom:3em;

    display:grid;
    grid-template-rows: auto;
    grid-template-columns: 6fr 2fr;

}

.footer1 > p{
    font-size: 20px;
}
.icons{
    display: grid;
    gap: 1em;
    grid-template-columns: repeat(5,1fr);
}

.icon > img{
    height:50px;
}

.button  {
    justify-self:end;
    align-self:flex-start;
    display: block;
}

.butt {
    display: flex;
    justify-content: center;
    align-items: center;
    
    text-align: center;
    vertical-align: middle;

    border: 2px solid #93532D ;
    color: #93532D ;
    height: 100px;
    width: 200px;
    font-size: large;
}

a{
    display: block;
    text-decoration: none;
}

/* Ostatnia stopka na dole - social media */
.footer2{

    padding: 2em;
    grid-row: 7 / 8;
    grid-column: 1 /2;
    background-color:bisque;
    
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 180px auto;
}


.social-icon{
    grid-row: 1/2;
    grid-column: 1/3;
    width: 50%;
    margin: auto;
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: auto;
}

.social-icon a{
    text-decoration: none;
    color: #333;
}

.social-icon a:visited{
    text-decoration: none;
}

.social-icon-icon{
    display:grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.social-icon-icon > .image{
    grid-row: 1 / 3;
    grid-column: 1 /2;
    justify-self:right;
    margin: 10px;
}

.social-icon-icon > .image img{
    flex-shrink: 0;
    min-width: 50%;
    min-height: 50%;
    
}
.social-icon-icon > .text-small{
    grid-row: 1 / 2;
    grid-column: 2 /3;
    margin: 0px;
    align-self:flex-end;
}
.social-icon-icon > .text-big{
   
    font-size: 1.5em;
    color: #93532D;
    grid-row: 2 / 3;
    grid-column: 2 /3;
}