html{
	overflow-y:scroll;
}
	
body {
	margin:0;
	padding:0;
	font-size:100%; 
	text-align:left;
}

h1, .hidden, #copyright {
	width: 1px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: -10000px;
}

h3.pagenadpis {
	text-align: center;
}

/* ------ Fonts -------*/
body, button, input {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	-moz-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}

body, h3, h4, h5, h6 {font-weight:400;}

strong {font-weight:700;}

body{font-family:"Open Sans", Arial, Helvetica, sans-serif;}

/* ------- Nadpisy ------*/

h3, h4, h5, h6 {
	margin:0 0 0.7em 0; 
	font-weight:normal; 
	line-height:normal; 
}

h3 {font-size:1.6em;}
h4 {font-size:1.4em;
clear: left;
}
h5, h6 {font-size:1.2em;}

h3, h4, h5, h6 {
	display:block; 
	position:relative; 
	padding-bottom:5px; 
	/*border-bottom:1px solid;*/
}

#port-right h4  {
	font-size: 1.1em;
}
body:not(.pgkt-map) .container {
	display: grid;
 grid-template:
  'jedna dva'
  'tri tri';
  grid-gap: 10px 30px;
  margin: 10px 20px;

  }

body:not(.pgkt-map) .container:has(h3) {
	display: grid;
 grid-template:
 'nula nula'
  'jedna dva'
  'tri tri';
 grid-gap: 10px;
  margin: 10px 30px;

  }

.container {

  margin: 10px 20px;

  }



  .container h3{
	grid-area: nula;
  background-color: #eaeaea;
  font-size: 220%;
  margin-bottom: 10px;
  }

#nav-google  {
 grid-area: jedna;
  }

#nav-mapycz {
 grid-area: dva;
  }

#mapa {
 grid-area: tri;
  }

  .container .inn {
	
	text-align: center;
  }

    .container .nav-link {
	 display: inline-block;
  padding: 15px 25px;
  font-size: 24px;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  outline: none;
  color: #fff;
  background-color: #04AA6D;
  border: none;
  border-radius: 15px;
  box-shadow: 0 5px #cdcdcd;
  }

      .container .nav-link:hover {
	background-color: #0c8458;
  }
    .container .nav-link:active {
	  background-color: #008204;
  box-shadow: 0 2px #666;
  transform: translateY(4px);
  }

      .container .nav-link a {
	
  color: #fff;
text-decoration: none;
  }

        .container h4 {
	
 font-size: 200%;
  }

  
  .container .inn img {
	
margin: 20px auto;
  }

  @media only screen and (max-width: 730px) {
body:not(.pgkt-map) .container {
	
 grid-template:
  'jedna'
  'dva'
  'tri';
  grid-gap: 30px;
  margin: 20px;
  }

body:not(.pgkt-map) .container:has(h3) {
	display: grid;
 grid-template:
 'nula'
  'jedna'
  'dva'
  'tri';
 

  }



}

  @media only screen and (max-width: 500px) {
.container .nav-link {
  font-size: 15px;

}

}