section#start {

			
			display: grid;
			grid-gap: 0px;
			
			height: calc(100vh - 170px); /* 170 bylo */
			
			min-height:530px;
			grid-row-gap: 30px;
			
			padding-top:100px;
			grid-template-columns: 53% 1fr;
			grid-template-rows: 1fr min-content 1fr;
			grid-template-areas:
				'nagloweksekcji obrazeksekcji'
				'akapitsekcji obrazeksekcji'
				'przyciski obrazeksekcji';
			
			
			background-color: transparent;
			background-image: linear-gradient(180deg, rgba(20, 70, 89, 0.76) 0%, rgba(1, 43, 53, 0.76) 100%),
			url("https://reszek.pl/przechowywanie/2024/08/luca-bravo-XJXWbfSo2f0-unsplash.webp");
			transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
			background-size:cover;
			
			padding-bottom:140px; /* 70 bylo */
			padding-left: max(60px, calc(50% - 600px));
			padding-right: max(60px, calc(50% - 600px));
			}
			
			section#start > h1 {
				grid-area: nagloweksekcji;
				text-align: left;
				margin-right:15px;
				
				margin-top: auto;
				margin-bottom: 0px;

			}
			
			section#start > p {
				grid-area: akapitsekcji;
				text-align: left;
				margin-right:15px;
				
				line-height: 1.75em;
			}
			
			section#start > div {
				grid-area: przyciski;
				text-align: left;
				margin-right:15px;
				
				align-items:flex-start;

				/*background-color: rgba(255, 255, 255, 0.8);*/
			}
			
			section#start > div > a {

				/*background-color: rgba(255, 255, 255, 0.8);*/
			}
			
			section#start > img {
				grid-area: obrazeksekcji;

				

				max-height: 100%;
				max-width: 100%;
				margin-right: auto;
				margin-top: auto;
				margin-bottom: auto;
				width: auto;

			}
			
			
			/* sekcja kolejna */
			
			
			
			section#czynnikiwspolpracy{
				display: grid;
				grid-gap: 30px;
				
				grid-template-areas:
				'czynnik1 czynnik2 czynnik3';
				grid-template-columns: 1fr 1fr 1fr;
				
				padding-left: max(60px, calc(50% - 600px));
				padding-right: max(60px, calc(50% - 600px));
				        margin-top: -130px;
				}
				
			section#czynnikiwspolpracy > div {
				text-align:center;
				padding:15px;
			}				
				
			section#czynnikiwspolpracy > div:nth-child(1)  {
				grid-area: czynnik1;
			}
			
			section#czynnikiwspolpracy > div:nth-child(2)  {
				grid-area: czynnik2;
			}
			
			section#czynnikiwspolpracy > div:nth-child(3)  {
				grid-area: czynnik3;
			}
			
			/* sekcja kolejna*/
			
			section#o-mnie{
				display: grid;
				grid-column-gap: 30px;
				grid-row-gap:15px;
				
				padding-left: max(60px, calc(50% - 600px));
				padding-right: max(60px, calc(50% - 600px));
				
				
			grid-template-columns: 1fr 53%;
			grid-template-rows: min-content min-content 1fr;
			
			
				/*grid-template-areas:
				'tytulomnie tytulomnie'
				'opisomnie zdjecie'
				'przycisk zdjecie';*/
				
				grid-template-areas:
				'tytulomnie tytulomnie'
				'zdjecie opisomnie'
				'zdjecie przycisk';
				
				padding-bottom:30px;
			}
			
			section#o-mnie > h3.bigtitle {
				grid-area: tytulomnie;
				text-align:center;
			}
			
			section#o-mnie > img {
				grid-area: zdjecie;
        max-width: 100%;
			}
			
			section#o-mnie > p {
				grid-area: opisomnie;
				height:min-content;
				margin-top:0px;
				display:block;
				margin-left:0px;
			}
			
			section#o-mnie > a {
				grid-area: przycisk;
				margin-left:auto;
				margin-right:auto;
				width:max-content;
				height:max-content;
				margin-bottom:auto;
				margin-top:0px;
			}
				
				
			/* sekcja kolejna*/
			section#oferta {
				display: grid;
				grid-column-gap: 30px;
				grid-row-gap:15px;
				grid-template-areas:
				'tytuloferta tytuloferta tytuloferta'
				'akapitoferty akapitoferty akapitoferty'
				'swizytowka sblog switryna'
				'akapitoferty2 akapitoferty2 akapitoferty2';
				
				grid-template-columns: 1fr 1fr 1fr;
				
			background-color: #0D5E6B;
			
				--background-image-lazy: url("https://reszek.pl/przechowywanie/2024/08/noshad-ahmed-y9np19Fprmo-unsplash.webp");

			
			background-image: linear-gradient(180deg, rgba(13, 94, 107, 0.5) 0%, rgba(20, 70, 89, 0.5) 100%),
			var(--background-image-lazy);
			

			background-attachment: fixed;
			transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
			background-size:cover;
			
				padding-left: max(60px, calc(50% - 600px));
				padding-right: max(60px, calc(50% - 600px));
				
				padding-bottom:30px;
			}
			
			section#oferta > h2.bigtitle {
				grid-area: tytuloferta;
				text-align:center;
			}
			
			section#oferta > p:nth-child(2) {
				grid-area: akapitoferty;
				text-align:center;
				margin-bottom:0px;
				margin-top:0px;
			}
			
			section#oferta > div:nth-child(3)  {
				grid-area: swizytowka;
			}
			
			section#oferta > div:nth-child(4)  {
				grid-area: sblog;
			}
			
			section#oferta > div:nth-child(5)  {
				grid-area: switryna;
			}
			
			section#oferta > div.multi-v:nth-child(3),
			section#oferta > div.multi-v:nth-child(4),
			section#oferta > div.multi-v:nth-child(5)			{
				text-align:center;
				padding:15px;
				margin-bottom:auto;
					
			}		
			
			section#oferta > div.multi-v:nth-child(3) > a,
			section#oferta > div.multi-v:nth-child(4) > a,
			section#oferta > div.multi-v:nth-child(5) > a			{
				margin-left:auto;
				margin-right:auto;
					
			}	
			
			section#oferta > div:nth-child(6) {
				grid-area: akapitoferty2;
				text-align:center;
			}
			
			section#oferta > div:nth-child(6) > ul {
				grid-area: lista;
				text-align:center;
				
				list-style-type: '- ';
				list-style-position: inside;
				margin:0;
				padding:0;
			}
			
			section#oferta > div:nth-child(6) > p { 
				margin:0;
			}
			
		/* kolejna sekcja */
		
		
	section#kontakt{
			display: grid;
			grid-column-gap: 30px;
			grid-row-gap:0px;
			grid-template-areas:
				'tytulkontakt contactform'
				'akapitkontakt contactform'
				'emailto contactform';
				
			grid-template-columns: 1fr 1fr;
			
			grid-template-rows: min-content min-content 1fr;
			
			
			
			padding-left: max(60px, calc(50% - 600px));
			padding-right: max(60px, calc(50% - 600px));
			
			padding-bottom:30px;
		}
		
	section#kontakt > h3.bigtitle {
			grid-area: tytulkontakt;
			text-align:left;
		}
		
	section#kontakt > p {
			grid-area: akapitkontakt;
			text-align:left;
		}
		
	section#kontakt > address {
			grid-area: emailto;
			text-align:center;
		}
		
	section#kontakt > address > a {
			font-style: normal;
			font-weight: bold;
		}
		
	section#kontakt > .iconontopcontainer {
		
				--background-image-lazy: url('https://reszek.pl/przechowywanie/2024/08/email-ikona.webp');
				background-image: var(--background-image-lazy);
				

			padding-top: 115px;
			margin-top:40px;
			background-size: 100px 100px;
			
		}
		
	section#kontakt > form#contactform{
		grid-area: contactform;
		background-image: linear-gradient(180deg, #144659 0%, #238C8C 100%);
		margin-top:40px;
	}
		
		
	/* formularz kontaktowy */
	
	.simple-contact-form {
		--gap: 20px;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		gap: var(--gap);
		padding: var(--gap);
		margin:0px;
	}

	.simple-contact-form > p {
		 flex-basis: 100%;
		 margin:0px;
		}
		
	.simple-contact-form > p > input {
		 display:block;
		 width:100%
		}
		
	.simple-contact-form > p > textarea {
		 display:block;
		 width:100%;
		}
		
	.simple-contact-form > p > button {
		 display:block;
		 margin-left:auto;
		 margin-right:auto;
		}
		
	.simple-contact-form > p > label {
		 display:block;
		}

	.simple-contact-form > p > label > strong > span {
		 color:red;
		}

	.simple-contact-form > p > label > span > a {
			text-decoration: underline;
		}

	.simple-contact-form > p > label > input[type="checkbox"] {
			width: 1.5em;
			height: 1.5em;	
		}

	.simple-contact-form > p:nth-child(1),
	.simple-contact-form > p:nth-child(2),
	.simple-contact-form > p:nth-child(3),
	.simple-contact-form > p:nth-child(4){
			flex-basis: calc(50% - var(--gap) / 2);
	}