html{
max-width: 1920px;
scroll-behavior: smooth;
scroll-padding-top: 120px;
}
* {
margin: 0;
padding: 0px;
box-sizing: border-box;
font-family: 'Lato', sans-serif;
font-size: 14px;
}
.inner_main_menu {margin: 0 auto ; width: 80vw;top: 0;border: px solid red;z-index: 3;font-weight: 400; }
.inner_main_menu ul{margin: 0; padding: 38px 0 38px; list-style: none;text-align: right; z-index: 0;}
.inner_main_menu ul li{float: none; display: inline-block;position: relative; margin-right: 30px;margin-left: 30px; z-index: 3;}
.inner_main_menu ul li:nth-child(1){float: left;}
.inner_main_menu ul li:nth-child(2){float: left;}
.inner_main_menu ul li:nth-child(3){float: left;}
.inner_main_menu ul li a{color:#78716e ; font-size: 15px;
margin-left: 0px;
background: linear-gradient(to right, rgb(223, 217, 216), rgb(223, 217, 216));
background-repeat: no-repeat;
background-size: 0 100%;
transition: background-size 1s 0s;
text-transform: uppercase;text-decoration: none; display: block;padding: 0px 20px; border-radius: 20px;letter-spacing: 2px;margin-top: 5px;}
.inner_main_menu ul li a:hover{color: black;transition: 0.5s;
transition-timing-function: ease-in-out;
background-size: 100% 100%;
}
#main_menu{
width: 100%;
position:sticky;
background-color: white;
box-sizing: border-box;
z-index: 3;
top: 0;
border-bottom: px solid black;
}
.logo_area {width:70px;
height: 100px;
position: absolute;
left: 50%;
top: 0;
content:"" ;
margin-left: -45px;
text-align: center;
margin-top: 0px;
cursor: pointer;
display: flex;
justify-content: center;
align-items: center;
z-index: 100;
}
.logo_area a {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 0.5em;
cursor:pointer;
z-index: -20;
}
/*
.logo_area a {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 0.5em;
cursor:pointer;
z-index: -20;
}
*/
#carouselExampleSlidesOnly{
z-index: 0;
position: relative;
}
.FixedMenu{
z-index:3;
}
.minia{
width: 100%;
position: sticky;
background-color: white;
height: 80px;
z-index: 3;
top: 0;
box-sizing: border-box;
}
.przykladJPG p{
font-family: 'Times Sans Serif Regular';
}
.burger div {
width: 30px;
height: 4px;
background-color: #78716e;
margin: 5px;
transition: all 0.3s ease;
z-index: 3;
}
.burger{
z-index: 3;
display: none;
}
.d-block{
margin-top: 0px;
}
.Hideenphoto{
display: none;
}
.container{
position: relative;
width: 1000px;
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
background-color: #6FDA44;
}
.container .card
{
position: relative;
max-width: 350px;
background-color: blueviolet;
margin: 10px;
padding: 15px;
display: flex;
}
.container .card .imgBx img{
max-width:300px;
flex: 0 0 150px;
}
.div1{
padding: 3px;
margin-top: 50px;
border: 0px solid red;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
}
.div3{
max-width: 900px;
max-height: 1000px;
background-color: #eae9e5;
}
.main-div4{
padding-left: 200px;
padding-right: 200px;
padding-top: 100px;
background-color: #eae9e5;
color: black;
min-width: 400px;
min-height: 650px;
max-width: 900px;
display: flex;
flex-direction: column;
text-align: left;
}
.main-div4 p {
font-size: 17px;
text-align: left;
}
.Firts_p{
text-indent: 40px;
}
.main-div4 > div{
display: flex;
justify-content: left;
margin-top: 5%;
}
.h1 {
content: '';
border-bottom: 2px solid white;
display: block;
margin-bottom: 30px;
}
.napis{
display: flex;
justify-content: center;
letter-spacing: 0.5px;
}
.napis p{
font-size: 17px;
letter-spacing: 5px;
margin-top:40px ;
margin-bottom: 50px;
color:#78716e;
}
.jaja{
display: flex;
justify-content: center;
font-size: 30px;
letter-spacing: 0.5px;
margin: 50px 0;
padding-top: 10px;
}
.jaja p {
font-size: 20px;
letter-spacing: 1px;
color: #78716e;
font-family: 'Lato', sans-serif;
}
.status{
align-items: center;
margin-top: -20px;
display: flex;
justify-content: center;
color: #78716e;
}
.status span{
color: #78716e;
align-items: center;
}
.g-recaptcha{
margin: 0 auto;
}
.image-container {
position: relative;
width: 100%;
height: auto;
/* Ustawienie wysokości kontenera, można dostosować */
max-width: 1920px; /* Możesz dostosować do swoich potrzeb */
margin: 0 auto; /* Środek na stronie */
overflow: hidden; /* Aby upewnić się, że nic nie wystaje poza kontener */
}
.taycan {
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center; /* Środkowanie w poziomie */
align-items: center; /* Środkowanie w pionie */
z-index: 2; /* Sprawia, że napis jest nad obrazkiem */
background-color: rgba(0, 0, 0, 0); /* Opcjonalnie: półprzezroczyste tło dla lepszej czytelności */
}
.description {
color: white;
font-size: 6em; /* Dostosuj rozmiar tekstu */
font-family: 'Script';
text-align: center;
padding: 10px; /* Opcjonalnie: dodaje trochę przestrzeni wokół tekstu */
text-shadow: 1px 1px 1px black;
}
#taras{
object-fit: cover;
overflow: hidden;
width: 1920px;
height: 500px;
}
#SliderPhoto{
width: 1920px;
height: 767px;
}
.slideOne{
max-width: 320px;
height: 280px;
width: 320px;
object-fit: cover;
}
.navhidden{
top: -100px;
background-color: red;
color: seagreen;
}
.ProjectPage{
min-height: 600px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
flex-direction: row;
max-width: 1330px;
margin: auto;
margin-top: 10px;
}
.page1,.page2,.page3{
border: px solid black;
width: 403px;
background-color: #eae9e5;
color: black;
margin-bottom: 50px;
padding-bottom: 50px;
}
.Underpage1,.Underpage2,.Underpage3{display: flex;align-items: center;justify-content: center;}
.describtion{
color: black;
position: absolute;
font-size: 70px;
font-family: 'Script';
text-shadow: 0.5px 0.5px 0.5px rgb(85, 85, 85);
font-weight: 400;
}
.describtion5{
color: white;
position: absolute;
font-size: 40px;
font-family: 'Script';
text-shadow: 1px 1px 1px black;
}
.describtion15{
color: white;
position: absolute;
font-size: 20px;
top: 90px;
letter-spacing: 3px;
text-shadow: 1px 1px 1px black;
}
.describtion1{
color: white;
position: absolute;
font-size: 70px;
font-family: 'Script';
text-shadow: 0.5px 0.5px 0.5px black;
}
.describtion2{
color: white;
position: absolute;
font-size: 60px;
font-family: 'Script';
text-align: center;
text-shadow: 1px 1px 1px black;
}
@font-face {
font-family: 'Script';
src: url(/Fonts/FontsFree-Net-portrait-script-regular.ttf);
}
.describtion6{
color: white;
position: absolute;
font-size: 70px;
font-family: 'Miss Fajardose', cursive;
text-shadow: 1px 1px 1px black;
}
@font-face {
font-family: 'SCRIPTIN';
src: url('SCRIPTIN.ttf');
}
.describtion7{
color: white;
position: absolute;
font-size: 50px;
font-family: SCRIPTIN;
text-shadow: 1px 1px 1px black;
}
@font-face {
font-family: 'Bajaderka-Regular';
src: url('Bajaderka-Regular.ttf');
}
.describtion8{
color: white;
position: absolute;
font-size: 80px;
font-family: 'Bajaderka-Regular';
text-shadow: 1px 1px 1px black;
}
@font-face {
font-family: 'Biloxi Thin';
src: url('Biloxi\ Thin.ttf');
}
.describtion9{
color: white;
position: absolute;
font-size: 60px;
font-family: 'Biloxi Thin';
text-shadow: 1px 1px 1px black;
}
@font-face {
font-family: 'Biloxi Script';
src: url('Biloxi\ Script.ttf');
}
.describtion10{
color: white;
position: absolute;
font-size: 60px;
font-family: 'Biloxi Script';
text-shadow: 1px 1px 1px black;
}
.ProjectPage p {
letter-spacing: 1.5px;
}
.Underpage1v2,.Underpage2v2,.Underpage3v2{
text-align: center;padding-top: 20px}
.Projectbutton{
align-items: center;
display: flex;
height: 60px;
justify-content: center;
letter-spacing: 1.5px;
}
.Projectbutton button{
background-color: white;
width: 150px;
height: 40px;
border-radius: 20px;
align-items: baseline;
border: 2px solid gray;
letter-spacing: 1.5px;
}
.Projectbutton button:hover{
background-color: gray;
color: white;
border: 2px solid white;
width: 150px;
height: 40px;
border-radius: 20px;
transition: 2s;
}
.przykladJPG{
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
top: 10em;
z-index: 1;
}
.allah{
display: flex;
justify-content: center;
}
.gallery_main_box{
display: flex;
justify-content:center;
margin: 20px auto 0 ;
width: 100%;
max-width: 1530px;
border: px solid black;
max-height: 1230px;
object-fit: cover;
}
.gallery_main_box_left_firt_row{
display: flex;
justify-content:center;
object-fit: cover;
}
.gallery_main_box_img{
display: flex;
justify-content:center;
border: px solid black;
margin: 10px;
object-fit: cover;
}
.gallery_main_box_left{
display: block;
justify-content:center;
width: 48%;
}
.gallery_main_box_right{
display: flex;
border: px solid black;
margin: 10px;
width: 45%;
}
.box{
margin-top: 30px;
margin-bottom: 50px;
border: px solid red;
display: flex;
width: 93%;
margin-left: auto;
margin-right: auto;
padding: 40px;
min-height: 220px;
}
.box p {
font-size: 20px;
font-weight: 400;
text-shadow: 0.5px 0.5px 0.5px rgb(191, 191, 191);
color: rgb(120, 113, 110);
letter-spacing: 1.5px;
}
.ProjectNextWiondows
{
margin-top: 60px;
margin-bottom: -50px;
display: flex;
border: px solid rgb(197, 34, 189);
justify-content: space-around;
/* background-color: ; */
min-height: 400px;
max-width: 1130px;
margin-left: auto;
margin-right: auto;
}
.Projectpage1,.Projectpage2 {
/* border:px solid rgb(211, 29, 165);*/
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
position: relative;
margin: 10px;
padding: 20px;
background-color: white;
border: 3px solid #eae9e5;
}
.Projectpage1 img,.Projectpage2 img {
object-fit:cover ;
width:100%;
}
.ProjectProjectbutton{
letter-spacing: 1.5px;
position: absolute;
top: 200px;
/* border: px solid rgb(85, 197, 41);*/
}
.ProjectProjectbutton button{
width: 150px;
height: 40px;
border-radius: 15px;
}
.Projectdescribtion{
position: absolute;
color: white;
font-size: 24px
}
.footer{
margin-top: 100px;
min-height:100px;
border:px solid ;
display: flex;
justify-content: center;
color: black;
background-color:#eae9e5;
padding: 40px;
letter-spacing: 1px;
}
.middleContainer{
min-height: 20px;
width: 100%;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
flex-direction: row;
align-items: center;
/* border: px solid blue;*/
}
.middleContainer ul {
width: 100%;
text-align: center;
color: black;
list-style: none;
line-height: 23px;
}
.middleContainer ul li a {
width: 100%;
text-align: center;
color: black;
text-decoration: none;
}
.MainContainer{
display: flex;
flex-wrap: wrap;
flex-direction: row;
width: 100%;
justify-content: space-around;
border: px solid blue;
margin-top: 60px;
margin-left: auto;
margin-right: auto;
margin-bottom: 30px;
}
.InstaLogoo{
width: 320px;
display: flex;
justify-content: right;
}
.building{
display: flex;
justify-content: center;
border: px solid black;
margin-top: 100px;
}
.CommingSoon{
margin: 0 auto;
width: 220px;
display: flex;
text-align: center;
border: px solid red;
}
.building img{
border: px solid black;
}
.Formularz{
width: 600px;
border: px solid black;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
background-color: #eae9e5;
}
.captcha{
display: flex;
justify-content: center;
margin-bottom: 20px;
}
.Formularz form input, .Formularz form button,.Formularz form textarea{
display: flex;
padding: 10px;
justify-content: center;
width: 400px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
border:1px solid white;
border-radius: 5px;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
.Formularz form button{
display: flex;
justify-content: center;
width: 200px;
border-radius: 30px;
margin-left: auto;
margin-right: auto;
}
.SendButton:hover{
background-color: #b4b4b3;
transition: 0.7s;
color: white;
}
.Formularz form textarea{
height: 200px;
}
.Formularz form input:focus-visible{
border: none;
outline: 1px solid #78716e;
}
.Formularz form textarea:focus-visible{
border: none;
outline: 1px solid #78716e;
}
.Formularz form button{
letter-spacing: 1px;
background-color: white;
width: 150px;
margin-bottom: 20px;
}
.Formularz form p{
border: px solid orchid;
display: flex;
justify-content: center;
width: 500px;
padding: 1px;
border-bottom: px solid black;
font-size: 20px;
letter-spacing: 2px;
margin-bottom: 40px;
font-family: 'Lato', sans-serif;
color: #78716e;
font-weight: 500;
text-shadow: 1px 1px 1px #eae9e5;
}
.DescribtionOfContact{
display: block;
width: 620px;
padding: 0%;
height: 700px;
border: px solid orangered;
padding-left: 10%;
padding-right: 10%;
padding-bottom: 10%;
padding-top: 53px;
background-color: #eae9e5;
letter-spacing: 1px;
font-family: 'Lato', sans-serif;
color: #78716e;
font-weight: 400;
}
.Opis-kontakt p {
font-family: 'Lato', sans-serif;
color: #78716e;
font-weight: 400;
font-size: 15px;
}
.pSkontaktuj{
display: flex;
justify-content: center;
font-size: 20px;
border-bottom:px solid black;
padding: 2px;
font-weight: 500;
color: #78716e;
margin-bottom: 30px;
}
.additionalBox{
border: px solid orchid;
width: 1500px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
flex-direction: row;
}
.TelEmail{
margin-top: 40px;
border: px solid yellow ;
font-family: 'Lato', sans-serif;
color: #78716e;
font-weight: 600;
font-size: 15px;
margin-bottom: 40px;
}
.Adres{
margin-top: 20px;
border: px solid blue ;
line-height: 10px;
margin-bottom: 30px;
}
.Kontakt-INSTA{
display: flex;
justify-content: space-between;
align-items: center;
width: 250px;
margin-top: 10px;
border: px solid red ;
letter-spacing: 1px;
}
.instaTag{
margin-top: 12px;
border: px solid blueviolet ;
}
.iframeMap{
width: 100%;
height: auto;
}
.Map{
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 100%;
height: 500px;
}
.underFooter{
display: flex;
align-items: center;
justify-content:space-around ;
background-color: #b8afaf;
flex-wrap: wrap;
flex-direction: row;
cursor: pointer;
letter-spacing: 1px;
}
.FixedMenu{
position: relative;
z-index: 1;
}
.email{
padding-left: 100px;
padding-right: 100px;
max-height: 25px;
color: white;
}
.tel{
color: white;
padding-left: 100px;
padding-right: 100px;
max-height: 25px;
}
#menuFooter{
text-align: center ;
flex-direction: column;
padding-right: 25px;
}
.inline-photo {
opacity: 0;
transition: transform 4s .25s cubic-bezier(0,1,.3,1),
opacity .3s .25s ease-out;
will-change: transform, opacity;
}
.inline-photo.is-visible {
opacity: 1;
transition: 3s;
}
.ostatnieProjekty{
padding-bottom: 100px;
margin-bottom: 100px;
}
.underFooterV2{
border: px solid red;
display: flex;
justify-content: center;
height: 20px;
font-size: 13px;
}
#linia,#linia2,#linia1{
width: 100px;
height: 2px;
background-color: white;
}
.insta {
margin-top: 50px;
border: px solid rgb(81, 39, 218);
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 60px;
}
.insta-main {
border: px solid rgb(32, 202, 60);
max-height: 600px;
width: 95%;
display: flex;
align-items: center;
background-color: #eae9e5;
}
.left-box{
border: px solid rgb(230, 22, 195);
width: 30%;
max-height: 600px;
display:flex;
justify-content: center;
background-color: #eae9e5;
flex-direction: column;
}
.right-box{
border: px solid rgb(28, 243, 225);
width: 70%;
max-height: 600px;
display: flex;
row-gap: 10px;
column-gap: 10px;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
background-color: white;
}
.right-box a {
width: 23%;
height: auto;
object-fit: cover;
overflow: hidden;
}
.right-box a img {
width: 100%;
object-fit: cover;
overflow: hidden;
}
.text-insta{
font-size: 40px;
text-align: center;
font-family: 'Lato', sans-serif;
}
.Projectbutton1 button{
background-color: white;
width: 150px;
height: 40px;
border-radius: 20px;
align-items: baseline;
border: 2px solid gray;
letter-spacing: 1px;
}
.btnProject{
background-color: #f5f4f3;
width: 150px;
height: 40px;
border-radius: 20px;
align-items: baseline;
border: 2px solid #eae9e5;
letter-spacing: 1px;
}
.btnProject:hover{
background-color: #eae9e5;
color: rgb(26, 26, 26);
border: 2px solid white;
width: 150px;
height: 40px;
border-radius: 20px;
transition: 2s;
}
.Projectbutton1 button:hover{
background-color: gray;
color: white;
border: 2px solid white;
width: 150px;
height: 40px;
border-radius: 20px;
transition: 2s;
}
.Projectbutton1 {
display: flex;
justify-content: center;
}
.publikacje{
display: block;
}
.publikacje p{
width: 100%;
font-family: 'Lato', sans-serif;
text-align: center;
font-size: 25px;
margin-bottom: 50px;
}
.publikacje div{
width: 70%;
margin: 0 auto;
display:flex ;
justify-content:space-around ;
flex-wrap:wrap
}
.Newspaper_mainBox{
width: 98%;
max-width: 1330px;
border: px solid red;
object-fit: cover;
display: flex;
justify-content:space-between;
margin: 0 auto;
align-items: center;
}
.Newspaper_mainBox_underLeftBox{
background-color: #eae9e5;
display: flex;
align-items:center;
max-width: 620px;
width: 100%;
border: px solid black;
}
.Newspaper_mainBox_underLeftBox_under{
background-color: #eae9e5;
height: 70%;
min-height: 400px;
border: px solid rgb(22, 57, 212);
}
.Newspaper_mainBox_underLeftBox_under_date{
border: px solid black;
width: 100%;
padding-left: 40px;
padding-top: 10px;
height: 50px;
font-size: 14px;
margin-bottom: 0;
color: rgb(120, 113, 110);
}
.Newspaper_mainBox_underLeftBox_under_h2{
border:px solid yellow;
width: 100%;
padding-left: 40px;
height: 50px;
font-weight:300;
margin-bottom: 60px;
color: rgb(120, 113, 110);
}
.Newspaper_mainBox_underLeftBox_under_content{
padding: 0px 40px 40px 40px;
border: px solid purple;
margin-bottom: 0;
color: rgb(120, 113, 110);
font-size: 15.5px;
}
.Newspaper_mainBox_underRightBox_photo{
border: px solid black;
display:flex;
justify-content: right
}
.Newspaper_mainBox_underRightBox_photo img {
width: 87.5%;
}
.Newspaper_mainBox_under_photo{
margin: 0 auto;
width: 100%;
display: flex;
justify-content:center;
margin-top: 30px;
max-width: 1360px;
}
.Newspaper_menu_main{
margin-top: 100px;
/* border: px solid black;*/
}
.Newspaper_menu{
/* background-color: ;*/
display: flex;
flex-wrap: wrap;
justify-content: space-around;
width: 100%;
max-width: 1920px;
/* border: px solid red;*/
}
.Newspaper_menu_photo a img{
width: 600px;
/* border: px solid black; */
}
.Newspaper_menu_photo{
transition: 0.5s;
}
.Newspaper_menu_photo:hover{
margin-top: 10px;
}
.GRID {
display: grid;
grid-template-columns: repeat(12,1fr);
background-color: white ;
gap:15px;
padding: 15px;
width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}
.GRID_1 {
display: grid;
grid-template-columns: repeat(12,1fr);
background-color: white ;
gap:15px;
width: 100%;
box-sizing: border-box;
overflow-x: hidden;
}
.item-1{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 9;
background-color: #FBF7EE;
width: 100%;
height: auto;
padding: 7%;
display: flex;
flex-direction: column;
text-align: center;
}
.item-1 p {
margin-top: 7%;
font-size: 17px;
letter-spacing: 1.5px;
}
.item-1 h2{
letter-spacing: 1.5px;
}
.pk{
width: 100%;
height: auto;
}
.pk1{
width: 100%;
height: auto;
padding-bottom: 30px;
}
.item-2{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 9;
grid-column-end: 13;
background-color: white;
width: 100%;
}
.item-3{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 5;
background-color: white;
width: 100%;
}
.item-4{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 5;
grid-column-end: 9;
background-color: white;
width: 100%;
}
.item-5{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 9;
grid-column-end: 13;
background-color: white;
width: 100%;
}
.item-6{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 6;
background-color: white;
width: 100%;
}
.item-7{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 6;
grid-column-end: 13;
background-color: white;
width: 100%;
}
.item-8{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 5;
background-color: white;
width: 100%;
}
.item-9{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 5;
grid-column-end: 9;
background-color: (240, 240, 240);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10%;
background-color: #FBF7EE;
}
.item-9 p{
font-size: 17px;
letter-spacing: 1.5px;
}
.item-10{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 9;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
.item-11{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 4;
background-color: (240, 240, 240);
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10%;
background-color: #FBF7EE;
}
.item-11 p {
font-size: 17px;
letter-spacing: 1.5px;
}
.item-12{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 4;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-13{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 1;
grid-column-end: 6;
background-color: white;
height: auto;
}
.item-14{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 6;
grid-column-end: 13;
background-color: rgb(240, 240, 240);
width: 100%;
height: auto;
}
.item-15{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start: 1;
grid-column-end: 8;
background-color: white;
width: 100%;
height: auto;
}
.item-17{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start: 8;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-6_1{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 4;
background-color:#fbf7ee;
width: 100%;
}
.item-7_1{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 4;
grid-column-end: 13;
background-color: white;
width: 100%;
}
.item-8_1{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 8;
background-color: #fbf7ee;
width: 100%;
}
.item-9_1{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 8;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
}
.item-11_1{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 6;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-10_1{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 6;
background-color: #fbf7ee;
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10% 20%;
}
.item-10_1 p {
letter-spacing: 1.5px;
font-size: 17px;
}
.item-3_2{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 9;
background-color: white;
width: 100%;
height: auto;
}
.item-4_2{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 9;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
padding: 6%;
display: flex;
align-items: center;
}
.item-4_2 p {
text-align: center;
letter-spacing: 1.5px;
font-size: 17px;
}
.item-5_2{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 6;
background-color: #fbf7ee;
width: 100%;
height: auto;
}
.item-6_2{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 6;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
.item-7_2{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 3;
grid-column-end: 9;
background-color:white;
width: 100%;
height: auto;
}
.item-8_2{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 9;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
padding: 6% 10%;
display: flex;
align-items: center;
}
.item-8_2 p {
text-align: center;
letter-spacing: 1.5px;
font-size: 17px;
}
.item-1_3{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 8;
background-color: #fbf7ee;
width: 100%;
height: auto;
padding: 6%;
}
.item-1_3 p {
text-align: center;
font-size: 17px;
letter-spacing: 1.5px;
}
.item-1_3 h2 {
margin-bottom: 5%;
}
.item-2_3{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 8;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-3_3{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 4;
width: 100%;
height: auto;
}
.item-4_3{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 4;
grid-column-end: 8;
background-color: #fbf7ee;
width: 100%;
height: auto;
}
.item-5_3{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 8;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-6_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 5;
width: 100%;
height: auto;
}
.item-7_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 5;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-8_3{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 5;
background-color:white;
width: 100%;
}
.item-9_3{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 5;
grid-column-end: 9;
background-color: (240, 240, 240);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10%;
background-color: #FBF7EE;
}
.item-9_3 p{
font-size: 17px;
letter-spacing: 1.5px;
}
.item-10_3{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 9;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
.item-11_3{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 4;
background-color: (240, 240, 240);
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10%;
background-color: #FBF7EE;
}
.item-11_3 p {
font-size: 17px;
letter-spacing: 1.5px;
}
.item-12_3{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 4;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
.item-1_4{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 4;
background-color:white;
width: 100%;
height: auto;
}
.item-2_4{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 4;
grid-column-end: 9;
background-color: #FBF7EE;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
padding: 8%;
}
.item-2_4 p ,h2{
text-align: center;
letter-spacing: 1.5px;
}
.item-2_4 p{
font-size: 17px;
}
.item-3_4{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 9;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-4_4{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 7;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-5_4{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:7;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-6_4{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:1;
grid-column-end: 6;
background-color: white;
width: 100%;
height: auto;
}
.item-7_4{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:6;
grid-column-end: 11;
background-color: white;
width: 100%;
height: auto;
}
.item-8_4{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:11;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-9_4{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:1;
grid-column-end: 5;
background-color: white;
width: 100%;
height: auto;
}
.item-10_4{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:5;
grid-column-end: 9;
background-color: #FBF7EE;
width: 100%;
height: auto;
padding: 8%;
font-size: 20px;
display: flex;
align-items: center;
}
.item-10_4 p {
letter-spacing: 1.5px;
text-align: center;
font-size: 17px;
align-items: center;
}
.item-11_4{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:9;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-12_4{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 6;
background-color: white;
height: auto;
}
.item-13_4{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:6;
grid-column-end: 10;
background-color: white;
width: 100%;
height: auto;
}
.item-14_4{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:10;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-15_4{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 13;
background-color: white;
height: auto;
}
.item-16_4{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 7;
background-color: white;
width: 100%;
height: auto;
}
.item-17_4{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:7;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-19_4{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start:1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-1_5{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:1;
grid-column-end: 8;
background-color: #FBF7EE;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
padding: 8%;
}
.item-1_5_div_1{
display: flex;
justify-content: left;
margin-bottom: 5%;
}
.item-1_5 p {
font-size: 17px;
margin-top: 2%;
letter-spacing: 2px;
font-weight: 400;
}
.item-2_5{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:8;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-3_5{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:1;
grid-column-end: 5;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-4_5{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:5;
grid-column-end: 9;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-5_5{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:9;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-6_5{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:1;
grid-column-end: 5;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-7_5{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:5;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-8_5{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:1;
grid-column-end: 8;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-9_5{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:8;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-10_5{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 3;
background-color: #FBF7EE;
width: 100%;
height: auto;
padding: 15%;
display: flex;
align-items: center;
}
.item-10_5 p {
font-size: 17px;
margin-top: 2%;
letter-spacing: 2px;
font-weight: 400;
}
.item-11_5{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:3;
grid-column-end: 7;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-12_5{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:7;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-13_5{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start:7;
grid-column-end: 13;
background-color: #FBF7EE;
width: 0%;
height: auto;
}
.item-1_6{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:1;
grid-column-end: 4;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-2_6{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:4;
grid-column-end: 9;
background-color: #FBF7EE;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
padding: 6%;
justify-content:space-evenly;
}
.item-2_6 p, h2 {
letter-spacing: 1.5px;
text-align: center;
}
.item-2_6 p {
font-size: 17px;
}
.item-2_6 h2 {
margin-bottom: 0%;
}
.item-3_6{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:9;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-4_6{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:1;
grid-column-end: 5;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-5_6{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:5;
grid-column-end: 9;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-6_6{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:9;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-7_6{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:1;
grid-column-end: 5;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-8_6{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:5;
grid-column-end: 9;
background-color: #FBF7EE;
width: 100%;
height: auto;
display: flex;
padding: 7%;
align-items: center;
}
.item-8_6 p {
letter-spacing: 1.5px;
font-size: 17px;
text-align: center;
}
.item-9_6{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:9;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-10_6{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:1;
grid-column-end: 5;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-11_6{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:5;
grid-column-end: 9;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-12_6{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:9;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-13_6{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 5;
background-color: #FBF7EE;
width: 100%;
height: auto;
overflow: hidden;
}
.item-14_6{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:5;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-13_6 img{
padding-bottom: 15px;
background-color: white;
}
.item-1_7{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
display: flex;
flex-direction: column;
justify-content:space-evenly;
text-align: center;
padding: 7%;
}
.item-1_7 p , h2 {
letter-spacing: 1.5px;
}
.item-1_7 h2{
margin-bottom: 2%;
}
.item-2_7{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:1;
grid-column-end: 7;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-3_7{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:7;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-4_7{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:1;
grid-column-end: 7;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-5_7{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:7;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-6_7{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:1;
grid-column-end: 7;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-6_7 img{
padding-bottom: 15px;
background-color: white;
}
.item-7_7{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:7;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-1_8,.item-5_8,.item-9_8{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:1;
grid-column-end: 7;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-2_8,.item-6_8,.item-10_8{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:7;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-3_8,.item-7_8,.item-11_8{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:1;
grid-column-end: 7;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-4_8,.item-8_8,.item-12_8{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:7;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-7_8_1{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.GRID___1{
max-height: 200px;
height: 200px;
background-color: aquamarine;
}
.Waiting_for_your_project{
display: flex;
justify-content: center;
background-color: #eae9e5;
flex-direction: column;
padding: 40px;
margin: 40px auto 0 auto;
text-align: left;
}
.Waiting_for_your_project:hover{
background-color:rgb(240, 237, 231);
transition: 0.7s;
}
.Waiting_for_your_project div{
max-width: 750px;
margin: auto
}
.Waiting_for_your_project div h1{
text-align: center;
padding-bottom: 20px;
letter-spacing: 1.5px;
}
.Waiting_for_your_project p{
line-height: 25px;
letter-spacing: 1.3px;
}
.main-post_container{
background-color: white;
padding: 2% 5%;
display: flex;
flex-direction: column;
border: 1px solid rgb(197, 197, 197);
justify-content: left;
margin: auto;
max-width: 1000px;
text-align: left;
letter-spacing: 1.5px;
line-height: 23px;
}
.main-post_container > div h4, h1{
letter-spacing: normal;
font-weight: 600;
}
.main-post_container > div i{
margin-left: 15px;
margin-top: 10px;
font-size: 17px;
}
.links_post{
border-top: 1px solid black;
padding: 10px;
}
.main-post_container div{
margin-top: 2%;
}
.main-post_container img{
max-width: 800px;
justify-content: center;
}
.main-post_container > div img {
display: block; /* Ustawienie obrazka jako block, aby flex działał poprawnie */
margin: 4% auto; /* Automatyczne marginesy do wyśrodkowania */
max-width: 100%; /* Zapobiega, aby obrazek wychodził poza kontener */
}
.Blog_nav{
margin-top: 5%;
margin-bottom: 3%;
}
.nav-link{
padding: .5rem 3rem ;
color: #78716e;
letter-spacing: 2px;
}
.nav-link.active{
background-color: #78716e;
color: white;
}
.nav-link:hover {
color: black; /* Zmiana koloru podczas najechania */
background-color: rgb(223, 217, 216);
}
.Main-blog_container{
display: flex;
flex-direction: column;
margin: auto;
max-width: 1000px;
padding: 5px;
}
.Main-blog_container >a> div > div img {
max-width: 450px;
width: 100%; /* opcjonalnie, aby obrazek był responsywny */
height: auto;
width: 450px;
}
.Main-blog_container >a> div > div > div h2{
margin-bottom:5%;
letter-spacing: 1px;
font-weight: 600;
}
.Main-blog_container >a> div > div > div p{
letter-spacing: 2px;
}
.Main-blog_container >a> div{
display: flex;
flex-direction: row;
border: 1px solid rgb(197, 197, 197);
margin-bottom: 5%;
background-color: #eae9e5;
}
.newclass >a> div{
flex-direction: column;
max-width: 402px;
padding-bottom: 20px;
min-height: 650px;
}
.newclass >a> div > div > div h3{
margin-bottom:5%;
letter-spacing: 1px;
font-weight: 600;
text-align: center;
}
.newclass >a> div > div img {
max-width: 400px;
width: 100%; /* opcjonalnie, aby obrazek był responsywny */
height: auto;
width: 400px;
}
.newclass {
margin-top: 70px;
flex-direction: row;
max-width: 1520px;
justify-content: space-around;
flex-wrap: wrap;
}
.Blog_right{
padding: 4% 4% 4% 3%;
}
.Blog_right h2{
text-align: left;
}
.Main-wardrobe_container{
background-color: white;
padding: 2% 5%;
display: flex;
flex-direction: column;
justify-content: left;
margin: auto;
max-width: 1200px;
text-align: left;
letter-spacing: 1.5px;
line-height: 23px;
}
.Main-wardrobe_container h2{
margin-top: 06%;
}
.Main-wardrobe_container div{
margin: 0.7% 0;
}
.Main-wardrobe_container > div> div > h5 {
margin-bottom: 2%;
font-weight: 600;
}
.Main-wardrobe_container > div > img {
max-width: 1200px;
width: 100%; /* opcjonalnie, aby obrazek był responsywny */
height: auto;
}
.Main-wardrobe_container h2,
.Main-wardrobe_container > div:nth-of-type(2),
.Main-wardrobe_container > div:nth-of-type(16) {
text-align: center;
}
.Main-wardrobe_container > div:nth-of-type(3){
margin-top: 5%;
margin-bottom: 8%;
}
.Main-wardrobe_container > div:nth-of-type(15){
margin-top: 5%;
margin-bottom: 2%;
}
.Main-wardrobe_container > div:nth-of-type(2) p{
max-width: 60%;
margin: auto;
}
.Main-wardrobe_container > div:nth-of-type(4),
.Main-wardrobe_container > div:nth-of-type(6),
.Main-wardrobe_container > div:nth-of-type(8),
.Main-wardrobe_container > div:nth-of-type(10),
.Main-wardrobe_container > div:nth-of-type(12),
.Main-wardrobe_container > div:nth-of-type(14) {
background-color: #eae9e5;
padding: 7% 5%;
text-align: left;
}
.Main-oferta_top_container{
display: flex;
flex-direction: column;
padding: 3% 5% 1%;
}
.Main-oferta_top_container p {
color: rgb(167, 167, 167);
}
.Main-oferta_gray_container{
background-color: #eae9e5;
display: flex;
flex-direction: row;
padding: 5%;
}
.oferta_left{
width: 50%;
}
.oferta_left h3{
letter-spacing: 1.5px;
}
.oferta_right{
max-width: 800px;
}
.oferta_left p{
padding-right: 15%;
letter-spacing: 1.5px;
text-align: justify;
line-height: 25px;
}
.oferta_left > div:nth-of-type(3){
text-align: right;
padding-right:15% ;
}
.Main-oferta_gray_container > div > div > h3{
margin-bottom: 5%;
}
.Main-Project_etap{
padding: 2% 5%;
}
.Main-Project_etap > div {
max-width: 800px;
padding: 10px;
letter-spacing: 1.5px;
}
.Main-Project_etap > :not(:first-of-type):hover {
background-color: #f8f7f7;
transition: background-color 0.3s ease
}
.Main-Project_etap h5{
margin: 5% 0 ;
font-weight: 600;
}
.Main-oferta_bottom_container{
background-color: #eae9e5;
padding: 5%;
display: flex;
flex-direction: column;
letter-spacing: 1.5px;
}
.Main-oferta_bottom_container h2{
margin-bottom: 5%;
}
.Main-oferta_bottom_container p{
font-weight: 600;
margin-bottom: 15%;
}
.Main-oferta_bottom_container li {
margin-bottom: 10%;
}
.Main-oferta_bottom_container > div {
display: flex;
flex-direction: row;
justify-content: center;
}
.Main-oferta_bottom_container > div > div:not(:nth-of-type(4)) {
border-right: 1px solid black;
}
.Main-oferta_bottom_container > div > div{
text-align: center;
padding: 0 5%;
}
.higher{
margin-bottom: 150px;
}
@media screen and (max-width: 1850px) {
.Newspaper_menu_photo a img{
width: 550px;
border: px solid black;
}
}
@media screen and (max-width: 1800px) {
.item-2_4 > div p {
font-size: 16px;
}
.item-1_5{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:1;
grid-column-end: 8;
background-color: #FBF7EE;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
padding: 6%;
}
.Formularz{
width: 600px;
border: px solid black;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
}
.Formularz form input,.Formularz form textarea{
display: flex;
padding: 10px;
width: 350px;
margin-bottom: 30px;
justify-content: center;
}
.Formularz form p{
display: flex;
justify-content: center;
width: 350px;
padding: 1px;
}
}
@media screen and (max-width: 1700px) {
.Newspaper_menu_photo a img{
width: 500px;
border: px solid black;
}
.item-1_5{
padding: 5%;
}
.item-1_5_div_1{
margin-bottom: 3%;
}
.item-1_5 p {
font-size: 14px;
margin-top: 2%;
}
.item-10_5{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 9;
}
.item-10_5 p {
font-size: 17px;
margin-top: 2%;
letter-spacing: 2px;
font-weight: 400;
}
.item-11_5{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:9;
grid-column-end: 13;
}
.item-12_5{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start:1;
grid-column-end: 8;
}
.item-13_5{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start:8;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 1550px) {
.Newspaper_menu_photo a img{
width: 450px;
border: px solid black;
}
}
@media screen and (max-width:1500px) {
.inner_main_menu {margin: 0 auto ; width: 90vw;top: 0;border: 0px solid red; }
.Formularz{
width: 550px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
}
.DescribtionOfContact{
width: 600px;
padding-left: 8%;
padding-right: 8%;
height: 700px;
}
.item-1_3{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
padding: 6%;
}
.item-2_3{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-3_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 4;
width: 100%;
height: auto;
}
.item-4_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 4;
grid-column-end: 8;
background-color: #fbf7ee;
width: 100%;
height: auto;
}
.item-5_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 8;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-6_3{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 5;
width: 100%;
height: auto;
}
.item-7_3{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 5;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-8_3{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 5;
background-color:white;
width: 100%;
}
.item-9_3{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 5;
grid-column-end: 9;
background-color: (240, 240, 240);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10%;
background-color: #FBF7EE;
}
.item-10_3{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 9;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
.item-11_3{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 1;
grid-column-end: 4;
background-color: (240, 240, 240);
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10%;
background-color: #FBF7EE;
}
.item-12_3{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 4;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 1400px) {
.Newspaper_menu_photo a img{
width: 400px;
border: px solid black;
}
.item-1_5 p {
font-size: 17px;
margin-top: 4%;
}
.item-1_5{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
display: flex;
flex-direction: column;
padding: 8%;
}
.item-2_5{
grid-row-start:2;
grid-row-end: 2;
grid-column-start:1;
grid-column-end: 13;
}
.item-3_5{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:1;
grid-column-end: 13;
}
.item-4_5{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:1;
grid-column-end: 13;
}
.item-5_5{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 13;
}
.item-6_5{
grid-row-start:6;
grid-row-end: 6;
grid-column-start:1;
grid-column-end: 13;
}
.item-7_5{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start:1;
grid-column-end: 13;
}
.item-8_5{
grid-row-start: 8;
grid-row-end: 8;
grid-column-start:1;
grid-column-end: 13;
}
.item-9_5{
grid-row-start: 9;
grid-row-end: 9;
grid-column-start:1;
grid-column-end: 13;
}
.item-10_5{
grid-row-start: 10;
grid-row-end: 10;
grid-column-start:1;
grid-column-end: 13;
}
.item-11_5{
grid-row-start: 11;
grid-row-end: 11;
grid-column-start:1;
grid-column-end: 13;
}
.item-12_5{
grid-row-start: 12;
grid-row-end: 12;
grid-column-start:1;
grid-column-end: 13;
}
.item-3_2{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
height: auto;
}
.item-4_2{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
padding: 6%;
display: flex;
align-items: center;
}
.item-4_2 p {
text-align: center;
letter-spacing: 1.5px;
font-size: 17px;
}
.item-5_2{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
}
.item-6_2{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 1;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
.item-7_2{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start: 1;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
.item-8_2{
grid-row-start: 8;
grid-row-end: 8;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
padding: 6% 10%;
display: flex;
align-items: center;
}
.item-1_6{
grid-row-start:2;
grid-row-end: 2;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-2_6{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start:1;
grid-column-end: 13;
}
.item-3_6{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-4_6{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-5_6{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-6_6{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-7_6{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-8_6{
grid-row-start: 8;
grid-row-end: 8;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
display: flex;
padding: 7%;
align-items: center;
}
.item-9_6{
grid-row-start: 9;
grid-row-end: 9;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-10_6{
grid-row-start: 10;
grid-row-end: 10;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-11_6{
grid-row-start: 11;
grid-row-end: 11;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-12_6{
grid-row-start: 12;
grid-row-end: 12;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-13_6{
grid-row-start: 13;
grid-row-end: 13;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
overflow: hidden;
}
.item-14_6{
grid-row-start: 14;
grid-row-end: 14;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
object-fit: contain;
}
.item-13_6 img{
padding-bottom: 0px;
background-color: white;
}
}
@media screen and (max-width: 1270px) {
.item-1{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 13;
}
.item-1 p {
margin-top: 7%;
font-size: 17px;
letter-spacing: 1.5px;
}
.item-2{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 13;
}
.item-3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
}
.item-4{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
}
.item-5{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
}
.item-6{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
}
.item-7{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
}
.item-8{
grid-row-start: 8;
grid-row-end: 8;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
}
.item-9{
grid-row-start: 9;
grid-row-end: 9;
grid-column-start: 1;
grid-column-end: 13;
}
.item-9 p{
font-size: 17px;
letter-spacing: 1.5px;
}
.item-10{
grid-row-start: 10;
grid-row-end: 10;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
height: auto;
}
.item-11{
grid-row-start: 11;
grid-row-end: 11;
grid-column-start: 1;
grid-column-end: 13;
}
.item-11 p {
font-size: 17px;
letter-spacing: 1.5px;
}
.item-12{
grid-row-start: 12;
grid-row-end: 12;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
height: auto;
}
.item-13{
grid-row-start: 13;
grid-row-end: 13;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(228, 21, 21);
width: 100%;
height: auto;
}
.item-14{
grid-row-start: 14;
grid-row-end: 14;
grid-column-start: 1;
grid-column-end: 13;
background-color: rgb(240, 240, 240);
width: 100%;
height: auto;
}
.item-15{
grid-row-start: 15;
grid-row-end: 15;
grid-column-start: 1;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-16{
grid-row-start: 16;
grid-row-end: 16;
grid-column-start: 1;
grid-column-end: 13;
background-color: (240, 240, 240);
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10%;
background-color: #FBF7EE;
}
.item-17{
grid-row-start: 17;
grid-row-end: 17;
grid-column-start: 1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.taycan{
z-index: -1000;
}
.item-1_4{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 13;
}
.item-2_4{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 13;
}
.item-3_4{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 13;
}
.item-4_4{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 13;
}
.item-5_4{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start:1;
grid-column-end: 13;
}
.item-6_4{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start:1;
grid-column-end: 13;
}
.item-7_4{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start:1;
grid-column-end: 13;
background-color: #6FDA44;
width: 100%;
height: auto;
}
.item-8_4{
grid-row-start: 8;
grid-row-end: 8;
grid-column-start:1;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-9_4{
grid-row-start: 9;
grid-row-end: 9;
grid-column-start:1;
grid-column-end: 13;
}
.item-10_4{
grid-row-start: 10;
grid-row-end: 10;
grid-column-start:1;
grid-column-end: 13;
}
.item-11_4{
grid-row-start:11;
grid-row-end: 11;
grid-column-start:1;
grid-column-end: 13;
background-color: #FBF7EE;
width: 100%;
height: auto;
}
.item-16_4{
grid-row-start: 12;
grid-row-end: 12;
grid-column-start:1;
grid-column-end: 13;
background-color: #6FDA44;
width: 100%;
height: auto;
}
.item-17_4{
grid-row-start: 13;
grid-row-end: 13;
grid-column-start:1;
grid-column-end: 13;
background-color: #6FDA44;
width: 100%;
height: auto;
}
.item-19_4{
grid-row-start: 14;
grid-row-end: 14;
grid-column-start:1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-6_1{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start: 1;
grid-column-end: 13;
background-color:#fbf7ee;
width: 100%;
}
.item-7_1{
grid-row-start: 8;
grid-row-end: 8;
grid-column-start: 1;
grid-column-end: 13;
background-color: white;
width: 100%;
}
.item-8_1{
grid-row-start: 9;
grid-row-end: 9;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
}
.item-9_1{
grid-row-start: 10;
grid-row-end: 10;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
}
.item-11_1{
grid-row-start: 11;
grid-row-end: 11;
grid-column-start: 1;
grid-column-end: 13;
background-color: white;
width: 100%;
height: auto;
}
.item-10_1{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10% 20%;
}
.main-div4{
padding-left: 75px;
padding-right: 75px;
padding-top: 50px;
max-width: 650px;
}
.Formularz{
width: 500px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
}
.DescribtionOfContact{
width: 500px;
padding-left: 8%;
padding-right: 8%;
height: 700px;
}
.inner_main_menu {margin: 0 auto ; width: 95vw;top: 0;border: 0px solid red; }
.inner_main_menu ul li{float: none; display: inline-block;position: relative; margin-right: 1vw;margin-left: 1vw;}
.item-3_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 4;
width: 100%;
height: auto;
}
.item-4_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 4;
grid-column-end: 8;
background-color: #fbf7ee;
width: 100%;
height: auto;
}
.item-5_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 8;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-6_3{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 5;
width: 100%;
height: auto;
}
.item-7_3{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 5;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-8_3{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 1;
grid-column-end: 7;
background-color:white;
width: 100%;
}
.item-9_3{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 13;
background-color: (240, 240, 240);
width: 100%;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 10%;
background-color: #FBF7EE;
}
.item-10_3{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 7;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
.item-11_3{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start: 1;
grid-column-end: 13;
background-color: (240, 240, 240);
width: 100%;
height: auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
padding: 3%;
background-color: #FBF7EE;
}
.item-12_3{
grid-row-start: 8;
grid-row-end: 8;
grid-column-start: 1;
grid-column-end: 13;
background-color:white;
width: 100%;
height: auto;
}
}
@media screen and (max-width: 1215px) {
.Newspaper_menu_photo a img{
width: 400px;
margin-bottom: 10px;
border: px solid black;
}
}
@media screen and (max-width: 1125px) {
.Newspaper_mainBox_underLeftBox_under_h2{
border:px solid yellow;
width: 100%;
height: 50px;
font-weight:300;
margin-bottom: 5px;
color: rgb(120, 113, 110);
}
.main-div4{
padding-left: 60px;
padding-right: 60px;
padding-top: 30px;
max-width: 400px;
}
.Formularz{
width: 450px;
display: flex;
justify-content: center;
align-items: center;
padding: 0px;
}
.DescribtionOfContact{
width: 500px;
padding: 10%;
height: 700px;
}
.Main-blog_container a {
display: block;
text-decoration: none; /* aby link nie był podkreślony */
color: inherit; /* aby kolor tekstu dziedziczył kolor */
}
.Main-blog_container >a> div{
display: flex;
flex-direction: column;
}
.Main-blog_container >a > div > div img {
width: 100%; /* opcjonalnie, aby obrazek był responsywny */
height: auto;
max-width: 1000px;
}
.Formularz form input,.Formularz form textarea{
display: flex;
padding: 10px;
justify-content: center;
width: 300px;
margin-right: auto;
margin-left: auto;
margin-bottom: 30px;
border:1px solid white;
border-radius: 5px;
font-family: 'Lato', sans-serif;
font-weight: 400;
}
}
@media screen and (max-width: 1046px){
.InstaLogoo{
justify-content: center;
}
}
@media screen and (max-width: 1030px){
.ProjectNextWiondows
{
margin-top: 60px;
margin-bottom: -50px;
display: flex;
/* border: px solid rgb(197, 34, 189);*/
justify-content: space-around;
/* background-color: ;*/
flex-wrap: wrap;
min-height: 300px;
max-width: 1430px;
margin-left: auto;
margin-right: auto;
}
.ProjectProjectbutton{
position: absolute;
top: 200px;
/* border: px solid rgb(85, 197, 41); */
}
.item-13_5{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start:8;
grid-column-end: 13;
background-color: #FBF7EE;
width: 0%;
height: auto;
}
.NextProjectv2{
border: px solid rgb(14, 27, 204);
}
.Projectpage1,.Projectpage2 {
/* border:px solid rgb(211, 29, 165);*/
z-index: 2;
display: flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
flex-direction: column;
position: relative;
margin: 10px;
}
.Projectpage1 img,.Projectpage2 img {
object-fit:cover ;
width:100%;
height: 350px;
}
.Main-oferta_bottom_container > div {
flex-direction: column;
text-align: center;
}
.Main-oferta_bottom_container > div > div:not(:nth-of-type(4)) {
border-right: 0px solid black;
border-bottom: 1px solid black;
margin-bottom: 10%;
}
.Main-oferta_bottom_container h2{
margin-bottom: 15%;
}
.Main-oferta_gray_container{
flex-direction: column;
}
.oferta_left,.oferta_right{
width: 100%;
}
.oferta_left{
margin-bottom: 7%;
}
.oferta_left p{
padding-right: 0%;
letter-spacing: 1.5px;
text-align: justify;
line-height: 25px;
}
.insta-main{
flex-direction: column;
}
.right-box{
border: px solid rgb(28, 243, 225);
width: 100%;
max-height: 600px;
display: flex;
row-gap: 10px;
column-gap: 10px;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
}
.right-box a {
width: 23%;
object-fit: cover;
overflow: hidden;
}
.right-box a img {
width: 100%;
object-fit: cover;
overflow: hidden;
}
.left-box{
border: px solid rgb(230, 22, 195);
width: 100%;
min-height: 190px;
max-height: 600px;
display:flex;
justify-content: center;
flex-direction: column;
}
}
@media screen and (max-width:970px){
.inner_main_menu {margin: 0 auto ; width: 97vw;top: 0;border: px solid red; }
.inner_main_menu ul li{float: none; display: inline-block;position: relative; margin-right: 0.5vw;margin-left: 0.5vw;}
.DescribtionOfContact{
width: 70vw;
padding: 10%;
height: 700px;
margin-bottom: 20px;
}
.Main-wardrobe_container{
padding: 9% 2%;
}
}
@media screen and (max-width:900px){
.Newspaper_mainBox{
width: 98%;
max-width: 1330px;
border: px solid red;
display: block;
flex-wrap: wrap;
flex-direction: column;
justify-content:space-between;
margin: 0 auto;
margin-top: 30px;
align-items: center;
}
.Newspaper_mainBox_underLeftBox_under{
width: 100%;
background-color: #eae9e5;
height: 100%;
min-height: 320px;
border: px solid rgb(22, 57, 212);
}
.Newspaper_mainBox_underRightBox_photo{
border: px solid black;
display:flex;
justify-content: center
}
.Newspaper_mainBox_underRightBox_photo img {
width: 100%;
}
.Newspaper_mainBox_underLeftBox{
background-color: #eae9e5;
display: flex;
align-items:center;
max-width: 6020px;
width: 100%;
border: px solid black;
margin-bottom: 30px;
}
}
@media screen and (max-width: 860px){
.Newspaper_menu_main{
margin-top: 30px;
border: px solid black;
}
.insta {
margin-top: 50px;
border: px solid rgb(81, 39, 218);
max-height: 4000px;
display: flex;
align-items: center;
justify-content: center;
}
.insta-main {
border: px solid rgb(32, 202, 60);
max-height: 4000px;
width: 95%;
display: flex;
align-items: center;
}
.left-box{
border:px solid rgb(230, 22, 195);
width: 100%;
max-height: 600px;
display:flex;
justify-content: center;
flex-direction: column;
}
.right-box{
border: px solid rgb(28, 243, 225);
width: 100%;
max-height: 4000px;
display: flex;
row-gap: 10px;
column-gap: 10px;
flex-wrap: wrap;
flex-direction: row;
justify-content: center;
align-items: center;
}
.right-box a {
width: 43%;
object-fit: cover;
overflow: hidden;
}
.right-box a img {
width: 100%;
object-fit: cover;
overflow: hidden;
}
.div3{
margin-top: 20px;
}
.main-div4{
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
width: 90vw;
min-height: 100%;
}
.inner_main_menu ul li{float: none; display: inline-block;position: relative; margin-right: 0vw;margin-left: 0vw;}
}
@media screen and (max-width: 815px) {
.IMGsaloon{
width: 100%;
}
.Newspaper_menu_photo a img{
width: 90vw;
border: px solid black;
}
}
@media screen and (max-width: 768px) {
.item-1_3{
grid-row-start: 1;
grid-row-end: 1;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
padding: 6%;
}
.item-2_3{
grid-row-start: 2;
grid-row-end: 2;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-3_3{
grid-row-start: 3;
grid-row-end: 3;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-4_3{
grid-row-start: 4;
grid-row-end: 4;
grid-column-start: 1;
grid-column-end: 13;
background-color: #fbf7ee;
width: 100%;
height: auto;
}
.item-5_3{
grid-row-start: 5;
grid-row-end: 5;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-6_3{
grid-row-start: 6;
grid-row-end: 6;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-7_3{
grid-row-start: 7;
grid-row-end: 7;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-8_3{
grid-row-start: 8;
grid-row-end: 8;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-9_3{
grid-row-start: 9;
grid-row-end: 9;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-10_3{
grid-row-start: 10;
grid-row-end: 10;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-11_3{
grid-row-start: 11;
grid-row-end: 11;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
.item-12_3{
grid-row-start: 12;
grid-row-end: 12;
grid-column-start: 1;
grid-column-end: 13;
width: 100%;
height: auto;
}
body {
overflow-x: hidden;
}
.Newspaper_menu_photo:hover{
margin-top: 0px;
}
.box{
margin-top: 50px;
margin-bottom: 0px;
border: px solid red;
display: flex;
width: 90%;
margin-left: auto;
margin-right: auto;
justify-content: center;
min-height: 220px;
flex-wrap: wrap;
flex-direction: column;
}
.boxv1{
border: 2px solid rgb(30, 214, 100);
font-size: 28px;
box-sizing: content-box;
}
.boxv2{
border: 2px solid rgb(197, 34, 189);
}
.logo_area{
top: -15px;
}
#menuFooter{
text-align: center ;
flex-direction: column;
padding-right: 25px;
}
.middleContainer{
min-height: 20px;
width: 1500px;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
flex-direction: column;
align-items: center;
}
.cola{
display: flex;
}
.email{
padding-left: 50px;
padding-right: 50px;
}
.tel{
padding-left: 50px;
padding-right: 50px;
}
.img1{
width: 300px;
height: 300px;
display: none;
}
.inner_main_menu ul li:nth-child(1){ margin-left: 0px;}
.logo{
display:block;
margin-left: auto;
margin-right: auto;
}
#carouselExampleSlidesOnly{
display: non;
}
.Hideenphoto{
display: flex;
width: 100%;
height: auto;
padding-top: 120px;
}
.lalka {
position: absolute;
left: 0px;
height: 32vh;
top: 6vh;
background-color: white;
display: flex;
flex-direction: column;
align-items: center;
width: 190px;
transform: translateX(-300px);
transition: transform 0.5s ease-in;
}
.inner_main_menu ul li a{
color: black;
}
.inner_main_menu{
display: block;
}
.burger {
display: block;
cursor: pointer;
position: absolute;
margin-top: 23px;
margin-left: 0px;
left: 0px;
transform: translateX(-250px);
background-color: white;
padding-left: 250px;
transition: transform 0.5s ease-in;
}
.nav-active {
transform: translateX(0);
}
.burger-active {
transform: translateX(-100px);
}
[class*="col"]{
margin-top: 100px;
border: 10px solid white;
}
.main-div4{
padding: 5%;
background-color:#eae9e5;
min-width: 200px;
min-height: 100%;
width: 90vw;
}
.main-div4 h1{
font-size: 30px;
}
.div3{
padding: 0px;
border: 0px solid orangered;
margin-top: 20px;
}
.page1,.page2,.page3{
border: px solid black;
width: 403px;
background-color: #eae9e5;
margin-top: 15px;
}
footer img {
padding-bottom: 15px;
}
.Formularz{
width: 90vw;
padding-bottom: 20px;
display: flex;
justify-content: center;
align-items: center;
padding-top:50px;
}
.Map{
display: flex;
justify-content: center;
margin-left: auto;
margin-right: auto;
width: 400px;
height: 400px;
}
.Formularz form input,.Formularz form textarea{
display: flex;
padding: 10px;
width: 300px;
margin-bottom: 30px;
justify-content: center;
}
.Formularz form p{
display: flex;
justify-content: center;
width: 350px;
padding: 1px;
margin-bottom: 40px;
}
.DescribtionOfContact{
width: 90vw;
padding: 10%;
height: 700px;
margin-bottom: 20px;
}
.carousel .carousel-item {
height: 300px;
width: 100%;
}
.gallery_main_box{
display: flex;
justify-content:center;
margin: 50px auto;
width: 90%;
max-width: 1530px;
border: px solid red;
max-height: 1230px;
object-fit: cover;
flex-wrap: wrap;
flex-direction: column-reverse;
max-height: 30000px
}
.gallery_main_box_left{
display: block;
justify-content:center;
width: 100%;
}
.gallery_main_box_right{
display: flex;
border: px solid black;
margin: 5px;
width: 97%;
}
#SliderPhoto{
width: 420px;
height: 400px;
}
.carousel-item img {
position: absolute;
object-fit:cover;
top: 0;
left: 0;
height: 300px;
width: 400px;
}
.slideOne{
height: 300px;
width: 400px;
object-fit: cover;
}
#taras{
width: 500px;
height: 300px;
}
#MainWebphoto{
width: 90vw;
}
.right-box a {
width: 48%;
}
.right-box{
padding-top: 10px;
}
.Underpage1 img,.Underpage2 img,.Underpage3 img {
width: 90vw;
}
.box p {
font-size: 20px;
font-weight: 400;
text-shadow: 0.5px 0.5px 0.5px rgb(191, 191, 191);
color: rgb(120, 113, 110);
background-color: #eae9e5 ;
letter-spacing: 1.5px;
}
.ProjectPage{
width: 90vw;
}
.describtion{
color: black;
position: absolute;
font-size: 32px;
font-family: 'Script';
text-shadow: 0.5px 0.5px 0.5px rgb(85, 85, 85);
font-weight: 400;
text-align: center;
}
.taycan{
display: flex;align-items: center;justify-content: center;
margin-top: 30px;
margin-bottom: -40px;
width: 100%;
height: 50px;
object-fit: cover;
overflow: hidden;
}
.InstaLogoo{
margin-top: 90px;
margin-bottom: 50px;
}
.xd{
margin-top: 75px;
}
.building img{
width: 90%;
height: auto;
}
.building{
margin-top: 50px;
}
.CommingSoon{
margin: 0 auto;
width: 160px;
display: flex;
}
.logo_area {
z-index: -100;
}
}
@media screen and (max-width: 330px){
}