@charset "utf-8";
@font-face { 
	font-family: 'sonfon'; 
	src: url('../media/fonts/sonfon2.ttf');
}


a.msnav {
	text-decoration: none;
	font-size: 24px;
	font-weight: 600;
	color: var(--vc1);
	background-image: linear-gradient(var(--bc3), var(--bc2));
	padding: 8px 18px;
	line-height: 200%;
	border-radius: 50px;
	transition: 0.5s;
}
a.msnav:hover {
	text-decoration: none;
	color: var(--vc2);
	background-image: linear-gradient(var(--bc3), var(--bc1));
}

a.mnav {
	text-decoration: none;
	font-size: 1.5vw;
	font-weight: 600;
	color: var(--vc1);
	background-image: linear-gradient(var(--bc2), var(--bc2));
	padding: 8px 18px;
	line-height: 200%;
	border-radius: 50px;
	transition: 0.5s;
}
a.mnav:hover {
	text-decoration: none;
	color: var(--vc2);
	background-image: linear-gradient(var(--bc1), var(--orange));
}

a.tnav.pointernav {
	text-decoration: underline;
	color: var(--vci1);
}
a.tnav.pointernav:hover {
	text-decoration: none;
}

a.mnav.pointernav {
	text-decoration: none;
	color: var(--vc1);
	background-image: linear-gradient(var(--bc1), var(--orange));
	background-color: var(--bc3);
	transition: 0.5s;
}
a.mnav.pointernav:hover {
	text-decoration: none;
	color: var(--vc2);
	background-image: linear-gradient(var(--bc1), var(--bc3));
}

.ninanav, .fodnavline {
	color: var(--vc1);
	background-color: var(--bc2);
}

.topnavline {
	color: var(--vci1);
	background-color: var(--bci1);
}

.tnbg2 {
	color: var(--vc1);
	background-color: var(--bc2);
}

.topnav > .linav {
	padding-top: 6px;
	padding-bottom: 0px;
	display: inline-block;	
}

.topnavline > .topnav > .linav {
	margin-top: -4px;
	padding-top: 0px;
	padding-bottom: 0px;
	display: inline-block;	
}

.wtrns {
	background-color: var(--bc1t75);
	border-radius: 8px;
}

.botnavline {
	background: var(--bc3);
	color: var(--vci1);
	
	width: 100%;
	margin-top: 80px;
}

.titfon {
	font-size: 7.0vw;
	text-shadow:  0.25vw  0.25vw 0px var(--bc2),
				 -0.25vw -0.25vw 0px var(--bc2),
				  0.25vw -0.25vw 0px var(--bc2),
				 -0.25vw  0.25vw 0px var(--bc2);
}

#refgallerie {
  line-height: 0;
   
  -webkit-column-count: 4;
  -webkit-column-gap:   0px;
  -moz-column-count:    4;
  -moz-column-gap:      0px;
  column-count:         4;
  column-gap:           0px;  
}

#refgallerie img {
  width: 100% !important;
  height: auto !important;
}

@media only screen and (min-width: 1600px) {
a.mnav {
	font-size: 24px;
}
#refgallerie {
	  line-height: 0;
	   
	  -webkit-column-count: 4;
	  -webkit-column-gap:   0px;
	  -moz-column-count:    4;
	  -moz-column-gap:      0px;
	  column-count:         4;
	  column-gap:           0px;  
	}
}

/*		Wide Mobile Layout: 720px.   */

@media only screen and (min-width: 992px) and (max-width: 1599px) {
a.mnav, a.msnav {
	font-size: 1.5vw;
}
#refgallerie {
	  line-height: 0;
	   
	  -webkit-column-count: 3;
	  -webkit-column-gap:   0px;
	  -moz-column-count:    3;
	  -moz-column-gap:      0px;
	  column-count:         3;
	  column-gap:           0px;  
	}
}

/*		Small Mobile Layout: 480px.   */

@media only screen and (max-width: 991px) {
a.mnav {
	font-size: 3.8vw;
	padding: 1vw 2vw;
}
a.msnav {
	font-size: 5.6vw;
	padding: 1vw 2vw;
}
#refgallerie {
	  line-height: 0;
	   
	  -webkit-column-count: 2;
	  -webkit-column-gap:   0px;
	  -moz-column-count:    2;
	  -moz-column-gap:      0px;
	  column-count:         2;
	  column-gap:           0px;  
	}
}