*
{
	margin: 0;
	/*padding: 0;*/
	box-sizing: border-box;
}

html
{
	background-color: #efeeef;
	margin: 0;
	/*padding: 0;*/
}

body
{
	background: #f1f9fa;
	/*font-family: Lato, "Segoe MDL2 Assets", Helvetica, Arial, sans-serif;*/
	/*font-weight: 400;*/
	line-height: 1.65em;
	width: 80%;
	margin-left: auto;
	margin-right: auto;
}


form
{
	margin: 0;
	padding: 0;
	/*padding: 0;*/
	/*display: block;*/
	background: #efeeef;
}

a
{
	/*color: #9a3;*/
	color: #424a15;
	/*outline: initial;*/ /*padding-left: 3px; 	padding-right: 3px;*/
	text-decoration: none;
}

	a:link, a:visited, a:active, a:hover
	{
		color: #aa2;
	}

	a:hover
	{
		background-color: #c7ded6;
	}

h1
{
	font-size: 2.5em;
}

h2
{
	font-size: 1.75em;
}

h3
{
	font-size: 1.2em;
	/*padding-top: 20px;*/
}

h4
{
	font-size: 1.1em;
	margin: 1.67em 0 0 0;
}

h5, h6
{
	font-size: 1em;
	/*padding-top: 20px;*/
	margin: 1.33em 0 0 0;
}

	h5 a:link, h5 a:visited, h5 a:active
	{
		padding: 0;
		text-decoration: none;
	}

.myComment
{
	color: #01445a;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 100%;
	float: none;
}

	.myComment p
	{
		color: #272;
		/*padding-top: 30px;*/
	}

.myTextBox
{
	background-color: #fff;
	padding: 10px;
	/*margin-top: 10px;*/
	/*font-size: 125%;*/
	width: 50%;
	margin: 0 auto 0 auto;
	height: auto;
	min-height: 10em;
}

.survey_recaptcha
{
	float: left;
	/*display: block;*/
	width: 35%;
	margin: 0 auto;
	/*border: 3px solid green;*/
	/*padding: 10px 0 10px 0;*/
}

.mySendButton
{
	border: none;
	background-color: #008CBA;
	color: white;
	padding: 0.85em 0 0.85em 0;
	text-align: center;
	font-size: 150%;
	width: 15%;
	margin: 0.15em auto 0.15em auto;
}

h2.title
{
	color: #558cb7;
	background-color: #ccc;
	width: 100%; /*	min-height: 100%; */ /*	padding: 50px;  */ /*background: url("Images/057c.jpg") left center; */ /* background-repeat: no-repeat; */
	font-size: 200%;
	font-variant: small-caps;
	font-weight: 900; /*	background-image: url('Images/057e.jpg'); */ /*	background-position: center center; */
}

.myHeader img
{
	max-width: 100%;
	color: #7db3e2;
	min-height: 100%;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	float: none;
}

.myImage
{
	margin: 0;
	padding: 0;
	clear: both;
}

	/*dziala skalowanie!*/
	.myImage img
	{
		/* Center and scale the image nicely */
		display: block;
		max-width: 100%;
		margin: 0 auto 0 auto;
		color: #7db3e2;
		height: auto;
		padding: 10px;
		float: none;
	}

.column1
{
	float: left;
	width: 50%;
}

.column2
{
	float: left;
	width: 50%;
}

/* Clear floats after the columns */
.row:after
{
	content: "";
	display: table;
	clear: both;
}

.column1 p
{
	/* background: #dcdcff; */
	padding: 0.5em 1em 0.5em 1em;
}

.column2 p
{
	/*font-size: larger;*/ /* background: #dcdcff; */
	padding: 0.5em 1em 0.5em 1em;
}


ol
{
	list-style: none;
}

.cena
{
	color: #c9c9c9;
	background: #4e4e3e;
	font-size: 150%;
	padding: 1em;
	text-align: center;
	width: 60%;
	margin: 1em auto;
}

.myWrapper
{
	text-align: center;
}

.button
{
	background-color: #008CBA; /*border: none;*/
	color: white;
	padding: 20px 20px;
	text-align: center;
	font-size: 40px; /*nie dziala*/
	margin: 30px auto;
	display: inline-block;
	text-decoration: none; /*cursor: pointer;*/
	width: 50%; /*position: absolute;*/ /*top: 50%;*/
}

	.button:hover
	{
		opacity: 0.5;
	}



/* Style the hamburger menu */
a.icon
{
	margin: 0;
	padding: 0px;
	font-size: 25px; /*border: 1px solid green;*/ /*background: rgba(0, 0, 1, .2);*/
}

/*a.icon .fa*/
i.fa
{
	/*color: #333;*/
	background: #efeeef;
	display: inline-block;
	font-size: inherit; /*border: 1px solid black;*/
	margin: 0px;
	padding: 20px;
}

#topnav
{
	margin: 0px;
	padding: 0px; /*border: 1px solid blue;*/
	display: none;
	padding-bottom: 30px;
}

	/* Style navigation menu links */
	#topnav a
	{
		/*margin: 5px;*/ /*nareszcie.*/
		padding: 0.50em 0.25em 0.50em 0.25em;
		width: 5em;
		text-align: center;
		font-size: 1.0em;
		display: inline-block;
		background: #fff;
		border: 1px solid #8ab; /*zielona ramka dookola pszyciska*/
		text-decoration: none;
	}

		/* Add a grey background color on mouse-over */
		#topnav a:hover
		{
			background-color: #ddd;
			color: black;
		}

/* Style the active link (or home/logo) */
.active
{
	/*background-color: #4CAF50;*/
	/*background-color: #fff;*/
	/*color: white;*/
}



/* dziala tylko dla img w klasie moj_div */
.moj_div img
{
	width: 100%;
	height: auto;
}


footer
{
	clear: both;
	background-color: #e2e2e2;
	font-size: .8em;
	text-align: center;
	height: auto;
	padding: 1em 0;
}

	/* footer
    ----------------------------------------------------------*/
	footer .float-left, footer .float-right
	{
		float: none;
	}

	footer p
	{
		margin: 0;
	}

/*---------------------------------------------------------*/
@media only screen and (max-width: 992px)
{
	body
	{
		width: 100%;
		padding: 0;
		font-family: Lato, "Segoe MDL2 Assets", Helvetica, Arial, sans-serif;
		font-weight: 300;	
	}

	h1
	{
		font-size: 1.5em;
		font-variant: small-caps;
	}


	h2
	{
		font-size: 1.3em;
	}

	.column1, .column2
	{
		/* border: 1px solid #333; */
		width: 100%;
	}

		.column1 p
		{
			padding: 0.25em;
		}

		.column2 p
		{
			padding: 0.25em;
		}

	.main p
	{
		padding: 0.25em;
	}

	.myHeader img
	{
		width: 100%;
	}

	.myComment
	{
		padding: 0.25em;
	}

	.myKontakt
	{
		padding: 0.25em;
	}

	.myTextBox
	{
		width: 100%;
	}

	.cena
	{
		width: 100%;
	}

	.mySendButton
	{
		width: 100%;
		padding: 0.5em;
	}
}
/* END: Mobile Styles */