html {
   -webkit-font-smoothing: antialiased !important;
}

body {
   width: 100%;
   margin-top: 0px;
   margin-left: auto;
   margin-right: auto;
   background-color: #FFFFFF;
   -webkit-text-size-adjust: none;
}

@font-face {
   font-family: 'Montserrat-SemiBold';
   src: url('fonts/Montserrat-SemiBold.eot?#iefix') format('embedded-opentype'),  
        url('fonts/Montserrat-SemiBold.woff') format('woff'),	     
        url('fonts/Montserrat-SemiBold.woff2') format('woff2'), 
        url('fonts/Montserrat-SemiBold.ttf') format('truetype'), 
        url('fonts/Montserrat-SemiBold.svg#Montserrat-SemiBold') format('svg');
}

@font-face {
   font-family: 'Montserrat-Regular';
   src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),  
        url('fonts/Montserrat-Regular.woff') format('woff'),	     
        url('fonts/Montserrat-Regular.woff2') format('woff2'), 
        url('fonts/Montserrat-Regular.ttf') format('truetype'), 
        url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
}

.gallery {
   width: 80%;
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(370px, 1fr));
   grid-gap: 20px;
}

.logosize {
    width: 35px;
}

img {
   max-width: 100%;
}

.videowrapper {
   position: relative;
   padding-bottom: 56.25%; /* 16:9 */
   height: 0;
}

.videowrapper iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.videowrapper-3444x1444 {
   position: relative;
   padding-bottom: 41.86%;
   height: 0;
}

.videowrapper-3444x1444 iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

.videowrapper-3840x1490 {
   position: relative;
   padding-bottom: 38.85%;
   height: 0;
}

.videowrapper-3840x1490 iframe {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
}

h1 {
   color: #000000; 
   font-family: Montserrat-SemiBold; 
   font-size: 250%; 
   text-decoration: none;
   text-align: left;
   margin-top: 0px;
   margin-left: 0%;
   margin-right: 0%;
   line-height: 100%;
   font-weight: normal;
   letter-spacing: 0px;
}

h2 {
   color: #000000; 
   font-family: Montserrat-SemiBold; 
   font-size: 150%; 
   text-decoration: none;
   text-align: left;
   margin-top: 0px;
   margin-left: 0%;
   margin-right: 0%;
   line-height: 100%;
   font-weight: normal;
   letter-spacing: 0px;
}

p.maintext {
   color: #000000; 
   font-family: Montserrat-Regular; 
   font-size: 110%; 
   text-decoration: none;
   text-align: left;
   margin-top: 0px;
   margin-left: 2%;
   margin-right: 5%;
   line-height: 170%;
   font-weight: normal;
   letter-spacing: 0px;
}

p.captiontext {
   color: #000000; 
   font-family: Montserrat-SemiBold; 
   font-size: 120%; 
   text-decoration: none;
   text-align: left;
   margin-top: 0px;
   margin-left: 0%;
   margin-right: 0%;
   line-height: 120%;
   font-weight: normal;
   letter-spacing: 0px;
}

a {
   color: #000000; 
   text-decoration: underline;
}

div.mobilemenu {
   display: none;
}

div.outer100 {
   width: 71%;
   position: relative;
   clear: both;
}

div.l-inner50 {
   width: 49.85%;
   position: relative;
   float: left;
   margin-right: 0.15%;
}

div.r-inner50 {
   width: 49.85%;
   position: relative;
   float: left;
   margin-left: 0.15%;
}

img.topspace {
   display: none;
}

#topmenu {
   z-index: 2;
   background-color: white;
   position: fixed;
   top: 0;
   width: 100%;
   float: left;
   transition: top 0.1s;
}

#statictopmenu {
   z-index: 1;
   background-color: white;
   position: relative;
   top: 0;
   width: 100%;
   float: left;
}

#topmenu a {
   font-family: Montserrat-SemiBold; 
   font-size: 150%;
   line-height: 180%;
   float: left;
   text-decoration: none;
}

#statictopmenu a {
   font-family: Montserrat-SemiBold; 
   font-size: 150%;
   line-height: 180%;
   float: left;
   text-decoration: none;
}

#topmenulinks a {
   position: relative;
   float: right;
   font-size: 100%;
   right: 0;
   top: 0;
   font-family: Montserrat-SemiBold;
   margin-top: 9px;
   text-decoration: underline;
}

#next {
   float: left;
   display: block;
   margin-left: 5%;
}

#next a {
   font-family: Montserrat-SemiBold; 
   font-size: 150%;
   line-height: 220%;
   float: left;
   text-decoration: none;
}

#prev {
   float: right;
   display: block;
   margin-right: 5%;
}

#prev a {
   font-family: Montserrat-SemiBold; 
   font-size: 150%;
   line-height: 220%;
   float: left;
   text-decoration: none;
}

video {
   width: 100%;
   height: 100%;
}


/* ------------ Responsiveness -------------- */
@media (max-width : 700px) {
	body { 
 	   width: 100%;
  	   margin-top: 20px;
	}

	.logosize {
	   width: 35px;
	}

	.menusize {
	   width: 35px;
	}

	.gallery {
	   width: 100%;
 	   display: grid;
 	   grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
 	   grid-gap: 20px;
	}

	img {
	   max-width: 100%;
	}

	#topmenu {
	   display: none;
	}

	#statictopmenu {
	   display: none;
	}

	p.captiontext {
	   margin-left: 2%;
	}

	div.mobilemenu {
	   z-index: 1;
	   top: 0;
	   width: 100%;
	   display: block;
	   background-color: #ffffff;
	   position: fixed;
	}

	div.mobilemenu #myLinks {
	   display: none;
	   margin-left: 62px;
	}

	div.mobilemenu a {
	   font-family: Montserrat-SemiBold; 
	   font-size: 150%;
	   line-height: 180%;
	   color: #000000;
	   padding: 0px 0px;
	   text-decoration: none;
	   display: block;
	   text-align: left;
	}

	div.mobilemenu a.icon {
	   display: block;
	   position: absolute;
	   right: 0;
	   top: 0;
	   margin-right: 4%;
	   padding-left: 70px;
	}

	div.outer100 {
	   width: 100%;
	   position: relative;
	   clear: both;
	}

	div.r-inner50 {
	   width: 100%;
	   position: relative;
	   float: left;
	   margin-left: 0%;
	   margin-right: 0%;
	   margin-top: 0%;
	   margin-bottom: 0%;
	}

	div.l-inner50 {
	   width: 100%;
	   position: relative;
	   float: left;
	   margin-left: 0%;
	   margin-right: 0%;
	   margin-top: 0%;
	   margin-bottom: 0%;
	}

	h1 {
	   color: #000000; 
	   font-family: Montserrat-SemiBold; 
	   font-size: 250%; 
	   text-decoration: none;
	   text-align: left;
	   margin-top: 0px;
	   margin-left: 2%;
	   margin-right: 0%;
	   line-height: 100%;
	   font-weight: normal;
	   letter-spacing: 0px;
	}

	h2 {
	   color: #000000; 
	   font-family: Montserrat-SemiBold; 
	   font-size: 150%; 
	   text-decoration: none;
	   text-align: left;
	   margin-top: 0px;
	   margin-left: 2%;
	   margin-right: 0%;
	   line-height: 100%;
	   font-weight: normal;
	   letter-spacing: 0px;
	}

}



/* ----------- UniMobile Portrait ----------- */
@media only screen 
  and (max-device-width: 700px)
  and (orientation: portrait) {
	body { 
	   width: 100%;
	   margin-top: 0px;
	   margin-left: auto;
	   margin-right: auto;
	   background-color: #FFFFFF;
	}

	#topmenu {
	   display: none;
	}

	.logosize {
	   width: 80px;
	}

	.menusize {
	   width: 50px;
	}

	.gallery {
	   width: 100%;
	   display: grid;
	   grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
	   grid-gap: 20px;
	}

	img {
	   max-width: 100%;
	}

	h1 {
	   color: #000000; 
	   font-family: Montserrat-SemiBold; 
	   font-size: 400%;
	   text-decoration: none;
	   text-align: left;
	   margin-top: 35px;
	   margin-left: 5%;
	   margin-right: 0%;
	   margin-bottom: 50px;
	   font-weight: normal;
	   letter-spacing: 0px;
	}

	h2 {
	   color: #000000; 
	   font-family: Montserrat-SemiBold; 
	   font-size: 290%; 
	   text-decoration: none;
	   text-align: left;
	   margin-top: 0px;
	   margin-left: 5%;
	   margin-right: 0%;
	   margin-bottom: 50px;
	   line-height: 10%;
	   font-weight: normal;
	   letter-spacing: 0px;
	}

	p.maintext {
	   color: #000000; 
	   font-family: Montserrat-Regular; 
	   font-size: 290%; 
	   text-decoration: none;
	   text-align: left;
	   margin-top: 0px;
	   margin-left: 5%;
	   margin-right: 5%;
	   line-height: 150%;
	   font-weight: normal;
	   letter-spacing: 0px;
	}

	p.captiontext {
	   color: #000000; 
	   font-family: Montserrat-SemiBold; 
	   font-size: 300%;
	   text-decoration: none;
	   text-align: left;
	   margin-top: 0px;
	   margin-left: 5%;
	   margin-right: 0%;
	   margin-bottom: 3%;
	   line-height: 220%;
	   font-weight: normal;
	   letter-spacing: 0px;
	}

	div.outer100 {
	   width: 100%;
	   position: relative;
	   clear: both;
	}

	div.l-inner50 {
	   width: 100%;
	   position: relative;
	   float: left;
	   margin-left: 0%;
	   margin-right: 0%;
	   margin-top: 0%;
	   margin-bottom: 0%;
	}

	div.r-inner50 {
	   width: 100%;
	   position: relative;
	   float: left;
	   margin-left: 0%;
	   margin-right: 0%;
	   margin-top: 0%;
	   margin-bottom: 0%;
	}

	img.topspace {
	   display: block;
	}

	#statictopmenu {
	   display: none;
	}

	#previews {
	   display: none;
	}

	#next {
	   float: left;
	   display: block;
	   margin-left: 2%;
	}

	#next a {
	   font-family: Montserrat-SemiBold; 
	   font-size: 300%;
	   line-height: 100%;
	   float: left;
	   text-decoration: none;
	}

	#prev {
	   float: right;
	   display: block;
	   margin-right: 2%;
	}

	#prev a {
	   font-family: Montserrat-SemiBold; 
	   font-size: 300%;
	   line-height: 100%;
	   float: left;
	   text-decoration: none;
	}

	div.mobilemenu {
	   z-index: 1;
	   top: 0;
	   width: 100%;
	   display: block;
	   background-color: #ffffff;
	   position: fixed;
	}

	div.mobilemenu #myLinks {
	   display: none;
	   padding-left: 112px;
	}

	div.mobilemenu a {
	   font-family: Montserrat-SemiBold; 
	   font-size: 250%;
	   line-height: 300%;
	   margin-left: 2%;
	   color: #000000;
	   padding: 0px 0px;
	   text-decoration: none;
	   display: block;
	   text-align: left;
	}

	div.mobilemenu a.icon {
	   display: block;
	   position: absolute;
	   right: 0;
	   top: 0;
	   padding-right: 70px;
	   padding-left: 70px;
	}

}