section, header 
{
  max-width: 1200px;
  width: 80%;
  margin: 0 auto;
	padding-bottom: 40px;
	font-size: 16px;
}

@font-face
{
	font-family: mainFont;
	src: url(Actor-Regular.ttf);
}

@import url('https://fonts.googleapis.com/css?family=Lato:300,400&subset=latin-ext');

.topnav
{
  font-family: 'Lato', sans-serif;
}

section
{
	font-family: mainFont;
}

body {
  line-height: 1.5;
	padding: 0px;
	margin: 0px;
	background-color: #d4dddb;
}

h2 
{
  margin-top: 20px;
  padding-top: 20px;
}

h2.o
{
	margin-top: 0px;
	padding-top: 20px;
}

p 
{
  margin: 10px 0;
}

p.opinie
{
	text-align: right;
}

section ul {
  margin: 3px 0;
}

ul.ul2
{
	list-style-type: circle;
}
ul.ul1
{
	list-style-type: disc;
}

section li {
  margin-top: 3px;
}

a {
  color: #16a085;
}

p {
  color: #000000;
	
}

p.tekst1
{
	text-align: justify;
}

p.thanks
{
	text-align: center;
	font-size: 18px;
}

h1, h2, h4, li, strong {
  color: #333333;
}

h2.kontakt1
{
	text-align: center;
}

div.zajebisty
{
	float: left;
	padding-left: 140px;
	padding-top: 50px;
	margin-right: 10px;
}

a {
  transition: color .3s ease-out;
}

div.google1
{
	float: right;
	width: 600;
	height: 450; ''
	frameborder: 0;
}

div.google2
{
	display: none;
}
div.google3
{
	display: none;
}
div.hollow
{
	margin-bottom: 420px;
}
h4
{
	text-align: center;
}

h2.kontakt2
{
	float: left;
	text-align: center;
	padding-left: 50px;
}

a:hover {
  color: #009688;
}

div.furouttusarvu
{
	float: left;
}
div.onemore
{
	margin-bottom: 460px;
}

img.zdjecie2
{
	float: right;
	max-width: 550px;
	padding-top: 25px;
}

header {
  max-width: none;
  width: 100%;
  padding-top: 260px;
	padding-bottom: 50px;
  margin-bottom: 20px;
  height: 250px;
  background-image: url('photo4.jpg');
  background-size: cover;
  background-position: center;
}

img.nap
{
	display: block;
	max-width: 50%;
	margin-left: 100px;
}

div.lim
{
	margin-top: -60px;
}

header h1 {
  color: #ffffff;
	margin-right: 580px;
	margin-left: 280px;
}

header a {
  color: #ffffff;
  text-decoration: none;
	
}

nav
{
	-webkit-position: sticky;
  position: sticky;
	max-width: 1200px;
  margin: auto;
	margin-left: 0px;
	line-height: 0px;
	overflow: hidden;
}

.topnav {
	width: 100%;
	height: 24px;
  line-height: 52px;
  background-color: #009688;
  position: fixed;
  margin: 0px;
	padding-bottom: 30px;
	padding-top: 0px;
	padding-left: 300px;
	z-index: 2;
  overflow-y: hidden;
	display: block;
	}

.klasamain
{
	background-color: #00796B;
}

.topnav a {
  color: #ffffff;
  font-size: 18px;
  text-decoration: none;
  opacity: .8;
	padding: 18px 35px;
}

.topnav a:hover {
  color: #000000;
  opacity: 1;
	background-color: #B2DFDB;
}

.topnav a:first-of-type
{
  
	margin-right: -5px;
}
.topnav a#last
{
	margin-left: -5px;
}



.topnav .icon {
    display: none;
}

.topnav {
    overflow: hidden;
}

p.nrtel
{
	color: #FFFFFF;
	z-index: 2;
	font-size: 52px;
	font-family: mainFont;
	margin-top: 80px;
	margin-right: 50px;
	text-align: right;
}

p.nrtel2
{
	color: #FFFFFF;
	z-index: 2;
	font-size: 32px;
	font-family: mainFont;
	margin-top: 10px;
	margin-right: 50px;
	text-align: right;
}

footer
{
	width: 100%;
  height: 50px;
  line-height: 50px;
  background-color: #009688;
  position: absolute;
}

i.footer1
{
	margin-left: 10px;
	font-size: 14px;
}

i.footer2
{
	float: right;
	margin-right: 20px;
	font-size: 14px;
}

a.footer3
{
	text-decoration: none;
	color: #000000;
	transition: color .3s ease-out;
}

a.footer3:hover
{
	color: #ffffff;
}
i.footer4
{
	font-family: Wingdings;
	float: right;
	margin-right: 20px;
	font-size: 14px;
	display: none;
	text-align: "right";
}

/*@media screen and (max-width: 1490px)
{
	div.google
{
	float: right;
	width: 400;
	height: 300; 
	frameborder: 0;
	border:0  
}*/

@media screen and (max-width: 1495px)
{
		div.google1
	{
		display: none;
	}
		div.google2
	{
		display: initial;
		float: right;
		margin-top: 30px;
	}
	div.google3
{
	display: none;
}
}

@media screen and (max-width: 1245px)
{
		div.google1
	{
		display: flex;
		float: none;
		margin: auto;
	}
	div.google15
	{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
		div.google2
	{
		display: none;
	}
	div.google3
{
	display: none;
}
		div.hollow
		{
			display: none;
		}
div.zajebisty
{
	float: none;
	text-align: center;
	padding-left: 0px;
	padding-top: 0px;
	margin-right: 10px;
}
h2.kontakt1
{
	float: none;
	text-align: center;
}
h4.kontakt1
{
	text-align: center;
	float: none;
	padding-right: 150px;
	padding-left: 150px;
}
h4.kontakt15
{
	text-align: center;
	float: none;
	padding-right: 150px;
	padding-left: 150px;
}
}



@media screen and (max-width: 1230px)
{
		img.zdjecie2
	{
		display: none;
	}
}


@media screen and (max-width: 700px)
{
    .topnav a {
        display: none;
				padding-top: 0px;
    }
    .topnav a.klasamain {
			display: block;
		}
    .topnav a.icon {
        float: right;
        display: block;
    }
		.topnav a
			{
				float: left;
				margin-left: auto;
				
			}
		.topnav
		{
			padding-left: 0px;
			padding-bottom: 30px;
			text-align: center;
		}
		header
		{
			height: 150px;
		}
		img.nap
{
	display: block;
	max-width: 80%;
	margin-left: 50px;
}
		i.footer1
	{
	margin-left: 10px;
	font-size: 12px;
	}

	i.footer2
	{
	float: right;
	margin-right: 20px;
	font-size: 12px;
	}
		i.footer5
	{
	float: right;
	margin-right: 20px;
	font-size: 12px;
	}
	i.footer4
	{
	float: right;
	margin-right: 20px;
	font-size: 12px;
	
	}
	img.zdjecie2
	{
		display: none;
	}
}

@media screen and (max-width: 930px) 
{
		p.nrtel
	{
		font-size: 44px;
		margin-top: 165px;
		margin-right: 20px;
		margin-bottom: 0px;
	}
		p.nrtel2
	{
		font-size: 24px;
		margin-top: 2px;
		margin-right: 20px;
	}
}


@media screen and (max-width: 700px) 
{
    .topnav.responsive {
        position: fixed;
				height: 150px;
				line-height: 50px;
				padding-bottom: 0px;
    }
				
        .topnav.responsive a {
            float: none;
            display: block;
            text-align: left;
						padding-bottom: 0px;
        }
				
				.topnav.responsive .icon {
            position: absolute;
            right: 0;
            top: 0;
        }
				.topnav a#last
{
	margin-left: 0px;
}
		p.nrtel
	{
		font-size: 40px;
		margin-top: 70px;
		margin-right: 20px;
		margin-bottom: 0px;
	}
		p.nrtel2
	{
		font-size: 24px;
		margin-top: 2px;
		margin-right: 20px;
	}
}

				
div.google1
	{
		display: none;
	}
		div.google2
	{
		display: flex;
		float: none;
		margin-top: 30px;
	}
		div.google25
	{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	div.google3
{
	display: none;
}
		div.hollow
		{
			display: none;
		}
				
}

@media screen and (max-width: 380px)
{
	img.nap
{
	display: block;
	max-width: 100%;
	margin-left: 0px;
}
	header
	{
		height: 0px;
	}
	div.lim
{
	margin-top: -150px;
}
	i.footer4
	{
		display: inline;
	}
	i.footer2
	{
		display: none;
	}
		img.zdjecie2
	{
		display: none;
	}
	div.onemore
	{
		float: none;
	}
	}
@media screen and (max-width: 600px)
{
	h4.kontakt15
{
	text-align: left;
	float: none;
	padding-left: 66px;
}
		p.nrtel
	{
		font-size: 34px;
		margin-top: 95px;
		margin-right: 20px;
		margin-bottom: 0px;
	}
		p.nrtel2
	{
		font-size: 24px;
		margin-top: 2px;
		margin-right: 20px;
	}
	}
@media screen and (max-width: 500px)
{
	div.google1
		{
			display: none;
		}
	div.google2
	{
		display: none;
	}
		div.google3
	{
		display: flex;
		float: none;
	}
	div.google35
	{
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	div.hollow
	{
		display: none;
	}
		p.nrtel
	{
		font-size: 32px;
		margin-top: 120px;
		margin-right: 20px;
		margin-bottom: 0px;
	}
		p.nrtel2
	{
		font-size: 22px;
		margin-top: 2px;
		margin-right: 20px;
	}
			i.footer1
	{
		display:none;
	}
	i.footer2
	{
		float: none;
		text-align: center;
		margin-right: 20px;
		margin-left: 50px;
		font-size: 18px;
	}
	i.footer5
	{
		margin-right: 60px;
		font-size: 18px;
	}
	section
	{
		padding-bottom: 120px;
	}
}
@media screen and (max-width: 400px)
{
		i.footer2
	{
		float: none;
		text-align: center;
		margin-left: 20px;
		font-size: 14px;
	}
	i.footer5
	{
		font-size: 14px;
	}
	}
@media screen and (max-width: 380px)
{
	.topnav a
	{
		padding: 2px 15px;
	}
	.topnav a.icon
	{
		padding: 2px 25px;
		padding-bottom: 0px;
	}
	i.footer4
	{
		display: none;
	}
		p.nrtel
	{
		font-size: 30px;
		margin-top: 120px;
		margin-right: 20px;
		margin-bottom: 0px;
	}
		p.nrtel2
	{
		font-size: 20px;
		margin-top: 2px;
		margin-right: 20px;
	}
		section
	{
		padding-bottom: 140px;
	}
	i.footer1
	{
		display: none;
	}
		i.footer2
	{
		float: none;
		text-align: center;
		margin-left: 20px;
		font-size: 14px;
	}
	i.footer5
	{
		font-size: 14px;
	}
	
	}
	
@media screen and (max-width: 330px)
{
			section
	{
		padding-bottom: 370px;
	}
	i.footer5
	{
		text-align: center;
		margin-left: 0px;
	}
}
	


/* Palette generated by Material Palette - materialpalette.com/teal/blue-grey 

.dark-primary-color    { background: #00796B; }
.default-primary-color { background: #009688; }
.light-primary-color   { background: #B2DFDB; }
.text-primary-color    { color: #FFFFFF; }
.accent-color          { background: #607D8B; }
.primary-text-color    { color: #212121; }
.secondary-text-color  { color: #757575; }
.divider-color         { border-color: #BDBDBD; } */

  