* {
    box-sizing: border-box;
}

[class*="col-"] {
    width: 100%;
}

img#logo    {
    width: 95%;
    max-width: 550px;
}

img#miskolcsmall    {
    width: 95%;
}
img#cegkat  {
    margin-top: 10px;
}

table {
    width: 100%;
}

img.townimages	{width: 550px;}

#snackbar {left: 15%; min-width: 70%; max-width: 70%;}

.desktop    {display: none;}
@media only screen and (min-width: 1024px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    nav {padding-top: 80px;}
    img#logo    {width: auto;}
    .mobile {display:none;}
    .desktop   {display: inline-block;}
}

@media only screen and (min-width: 1500px) {
    /* For desktop: */
    .col-1 {width: 106px;}
    .col-2 {width: 212px;}
    .col-3 {width: 318px;}
    .col-4 {width: 19%;}
    .col-5 {width: 530px;}
    .col-6 {width: 636px;}
    .col-7 {width: 742px;}
    .col-8 {width: 848px;}
    .col-9 {width: 954px;}
    .col-10 {width: 1060px;}
    .col-11 {width: 1166px;}
    .col-12 {width: 1280px;}
    nav {padding-top: 80px;}
    img#logo    {width: auto;}
	img.townimages	{width: 720px;}
	#snackbar {left: 30%; min-width: 40%; max-width: 40%;}
}

@media only screen and (min-width: 1921px) {
    /* For high-res desktop: */
    .col-4 {width: 25%;}
}

div.padding    {
    float: left;
}

body    {
    background-image: url(../images/background.jpg);
    font-family: 'Sorts Mill Goudy', serif;
    font-size: 1.1em;
}

header  {
    text-align: center;
}

nav {
    float: left;
    margin-right: 15px;
    text-align: center;
    overflow: hidden;
}

div#content {
    float: left;
}

footer  {
    float: left;
    text-align: center;
}

img#designlogo {
    width: 70px;
}

nav ul  {
    padding: 0px;
    margin: 0px;
}
nav ul a	{
    text-decoration:none;
}

nav li {
    list-style-type: none;
    padding: 8px;
    text-align: center;
    margin-bottom: 7px;
    background-color : #90C3D4;
    color: #ffffff;
    font-size: 1.1em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
nav li:hover {
    background-color: #0099cc;
}

nav li.two {
    list-style-type: none;
    padding: 8px;
    text-align: center;
    margin-bottom: 7px;
    background-color : #FFF9AF;
    color: #000000;
    font-size: 1.1em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
nav li.two:hover {
    background-color: #FFF500;
}

a.download  {
    text-decoration: none;
    display: inline-block;
    padding: 8px;
    text-align: center;
    margin: 8px;
    background-color : #90C3D4;
    color: #ffffff;
    font-size: 1.1em;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
}
a.download:hover {
    background-color: #0099cc;
}

p   {
    text-align: justify;
}

h1  {
    text-align: center;
    font-size: 1.6em;
}

h2  {
    text-align: center;
    font-size: 1.3em;
}

h3  {
    font-size: 1.1em;
}

hr {
  border: 0;
  height: 1px;
  background-image: -webkit-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #8c8b8b, #f0f0f0);
}

#myBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  border: none;
  outline: none;
  background-color: #90C3D4;
  color: white;
  cursor: pointer;
  padding: 15px;
  border-radius: 10px;
}

#myBtn:hover {
  background-color: #739ca9;
}
#upbutton   {
    width: 20px;
}
div#mapdiv  {
    position: relative;
    height: 300px;
    margin-bottom: 31em;
    overflow: visible;
}
div#mapdiv iframe   {
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
}
div#addressdiv  {
    float: left;
    text-align: center;
    padding-bottom: 20px;
}
div#spacing	{
	height: 410px;
}
div.center  {
    text-align: center;
}

a:hover.gdpr	{
	color:red;
}
a:visited.gdpr	{
	color:#B22222;
}
a:link.gdpr	{
	color:#B22222;
	text-decoration:none;
}

#snackbar {
    visibility: hidden;
    margin-left: 0px;
    background-color: #80B3C4;
    color: #fff;
    text-align: center;
    border-radius: 2px;
    padding: 16px;
    position: fixed;
    z-index: 1;
    bottom: 30px;
    font-size: 18px;
}

#snackbar.hide  {
    visibility: hidden;
    color:#00000000;
}

#snackbar.show {
    color: #fff;
    visibility: visible;
    -webkit-animation: fadein 0.5s, fadeout 0.5s 14.5s;
    animation: fadein 0.5s, fadeout 0.5s 14.5s;
}

@-webkit-keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@keyframes fadein {
    from {bottom: 0; opacity: 0;}
    to {bottom: 30px; opacity: 1;}
}

@-webkit-keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}

@keyframes fadeout {
    from {bottom: 30px; opacity: 1;}
    to {bottom: 0; opacity: 0;}
}