:root {
--mainwidth:100vw;
--mainmargin:1vw;
--mobilemainwidth:99vw;
--mobilemargin:calc((100vw - var(--mobilemainwidth))/2);
--mainfontcolor:#333;
--invertfontcolor:#eee;	
}

@view-transition {
  navigation: auto;
}

@font-face {
	font-family: 'PolySans-Slim';
	src: url('../fonts/PolySans-Slim.otf');
}

@font-face {
	font-family: 'PolySans-Neutral';
	src: url('../fonts/PolySans-Neutral.otf');
}

@font-face {
	font-family: 'PolySans-Median';
	src: url('../fonts/PolySans-Median.otf');
}

@font-face {
	font-family: 'PolySans-Bulky';
	src: url('../fonts/PolySans-Bulky.otf');
}

html {
	overflow-x:hidden;
}

html, body, div, span, applet, object,
iframe, h1, h2, h3, h4, h5, h6, p, blockquote,
pre, a, abbr, acronym, address, big, cite,
code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b,
u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption,
footer, header, hgroup, menu, nav, output, ruby,
section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-family: PolySans-Slim;
  vertical-align: baseline; }

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}
.sociallink a {
	color:var(--invertfontcolor);
}

body {
	line-height: 1;
	font-family: 'PolySans-Slim';  
	font-size:1em;
	background: #eee;
	/* background: linear-gradient(70deg, rgb(109 20 105) 0%, rgb(231 80 226) 69%, rgb(26 218 237) 100%); */
	color:var(--mainfontcolor);
	overflow:hidden;
}

a {
	text-decoration:none;
	font-weight: bold;
	color:var(--mainfontcolor);
}

.center {
	width:100%;
	text-align:center;
}
.backbtn {
	height: 30px;
    width: 100px;
    border-radius: 10px;
}

.heroimage {
	width:100vw;
}
.hero {
	min-height:100%;
}
#banner .content {
	color: var(--invertfontcolor);
}

#banner .content a {
	color: #ccc;
}


#hero1, #hero2, #hero3 {position: relative;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
	height:40vh;
}

#banner {
	position:relative;
}

#banner .content {
	position:absolute;
	top: 0;
	left:2vw;
	right:2vw;
}

#banner .content h1 {
	font-size: 8vw;
	font-family:'PolySans-Slim';
	letter-spacing: -0.03em;
	font-weight: 100;
	line-height: 1
	
}

#banner .content p{
	font-size: 1.75em;
}

.content {
	
}

.content .singlepagetext h4 {
	margin: 0;
}

.content article h3 {
	margin: 0;
}

.content h3 {
	margin: 0 var(--mainmargin);
}

.content article {
	margin: 0 var(--mainmargin);
	padding-bottom: 2vh;
}

.content h4 {
	margin-left:var(--mainmargin);
}

.pagevideo {
	width:100%;
}

.ytembed {
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
	margin-bottom:2vh;
}

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

@keyframes jtslide {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-1920px, 0, 0); /* The image width */
  }
}


.jtscrollbg {
	background:url('../img/neonjt.webp') repeat-x;
	width:5076px;
	animation: jtslide 10s linear infinite;
    height: 450px;
    position: absolute;
	
}

.jtscroller {
	/* background:url('../img/neonjt.webp'); */
	margin:6vh 0;
	overflow:hidden;
}

.jt-marquee {
	--space: 1rem;
    display: grid;
    align-content: center;
    overflow: hidden;
    gap: var(--space);
    width: 100%;
    font-size: 200px;
	text-transform: uppercase;

}

.jt-marquee *{
	font-family:'PolySans-Bulky';
	color:white;
	opacity:1;
	transition:opacity 0.2s;
}

.jt-marquee a {
	opacity: 0.5;
}

.jt-marquee a:hover {
	opacity:1;
}

.marquee {
  --duration: 60s;
  --gap: var(--space);

  display: flex;
  overflow: hidden;
  user-select: none;
  gap: var(--gap);
}

.marquee_group {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  gap: var(--gap);
  min-width: 100%;
}

.marquee .marquee_group {
  animation: scroll var(--duration) linear infinite;
}

.marquee-reverse .marquee_group {
  animation-name: scroll;
  animation-direction: reverse;
  animation-delay: calc(var(--duration) / -2);
}

@keyframes scroll {
	from {
    transform: translateX(0);
}

to {
    transform: translateX(calc(-100% - var(--gap)));
}
}

.lffdategrid {
	background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 200%;
	animation: gradient 15s ease infinite;
	margin-top:2vh;
	color: var(--invertfontcolor);
	/* width:var(--mainwidth); */
}

.lffdateinner {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.lffdate {
	position: relative;
    padding: 2vh 0vh;
    width: 20%;
    border: 2px solid rgba(255,255,255,0.7);
    border-radius: 10px;
    margin: 1vw;
}

.lffdatebg {
    width: 14vw;
    height: 14vw;
    border-radius: 10px;
}

.lffdatetitle {
    text-align: center;
    font-size: 1.7em;
}

.lffdatelabel {
	width:100%;
	text-align:center;
}

.lffdatelogo {
	height:0.7em;
}

.welcomebanner {
	    background-image: url(../img/lff_bg1.webp);
		background-repeat: no-repeat;
		background-size:var(--mainwidth);
		padding:2vw;
		position:relative;
		height:40vh;
}

.welcometext {
	font-size:0.8em;
}

.welcomebig {
    font-size: 20vw;
    font-family: 'PolySans-Bulky';
	letter-spacing:-0.7vw;
	position: absolute;
	top: 2vh;
}

.welcomelogosmall {
   position: absolute;
    /* left: 5vw; */
	width:6vw;
    bottom: 2vh;
    right: 2vw;
}

.welcomeblurb {
    position: absolute;
    bottom: 2vh;
    font-size: 0.8em;
	max-width:75vw;
}

.fadein {
	animation: fade-in 500ms ease-in-out both;
}

.slideinR {
animation: slide-in-right 500ms ease-in-out both;
}
	
.scrolled.fade-in {
  animation: fade-in 500ms ease-in-out both;
}
.scrolled.fade-in-bottom {
  animation: fade-in-bottom 500ms ease-in-out both;
}
.scrolled.slide-left {
  animation: slide-in-left 500ms ease-in-out both;
}
.scrolled.slide-right {
  animation: slide-in-right 500ms ease-in-out both;
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

.swiperbuttons {
    bottom: 3vh;
    position: relative;
}

	.swiper-button-prev {
		color: white;
		opacity:0.5;
		transform:scale(0.5);
	}
	.swiper-button-next {
		color: white;
		opacity:0.5;
		transform:scale(0.5);
	}
	
	.swiper-pagination-bullet {
		background: rgba(255,255,255,0.5);
		opacity: 0.5;
	}
	.swiper-pagination-bullet-active {
		background: white;
		opacity:1;
	}
	
.js-scroll {
	opacity:0;
	
	/* transition: margin-left 1000ms, opacity 500ms; */
}

.js-scroll.scrolled {
	opacity:1;
}

.navigation {
	top:0;
	left:0;
	opacity:0;
	transition: opacity 0.5s, translate 0.3s;
	font-size:1.5em;
	position:fixed;
	z-index:99;
	/* background:rgba(255,255,0,1); */
	color: black;
	width:100%;
	min-height:100vh;
	display: none;
	pointer-events:auto;
	/*background-color: rgb(255 255 0 / 80%); */
	backdrop-filter: blur(20px);
	
}

.navopen {
	display:block;
	overflow-y:auto;
	height:100vh;
}

.fortyfivedeg {
	rotate:45deg;
}

.navoverlay {
display:hidden;
height:100vh;
overflow-y:hidden;	
}

.scrollstop {
	overflow: hidden;	
}

.navcontainer {
	padding: 2vh 2vh 2vh 2vh;
    background-color: rgba(0,0,0, 0.3);
	border-left: 2px solid rgba(255, 255, 255, 0.2);
	transform:translateX(-100vw);
    width: 30vw;
    left: 0;
    position: fixed;
	transition: all 0.2s;
}

.navcatcontainer {
	margin-left:2vw;
}

.navcattitle {
	margin: 2vh 0 0 0;
	color: #fff;
	font-size:0.75em;
}

ul.navcategory {
	margin-left:1em;
	font-size:0.6em;
}

.navitem {
	margin: 2vh 0vw;
	
}

.navitem a{
	color:rgba(255,255,255,0.8);
	text-decoration:none;
	font-size:1em;
}

.navclose {
	position:fixed;
	top:20px;
	left:25vw;
	z-index:99999;
	display:none;
	color:#fff;
}

.megabanner {
    font-family: 'PolySans-Bulky';
    font-size: 14vw;
}

.gridevent {
    background: rgba(0, 0, 0, 0.2);
	background-clip: padding-box; /* !importanté */
	box-sizing: border-box;
    padding: 0 0 1vh 0;
    border-radius: 10px;
    border: solid 2px transparent;
    margin-top: 2vh;
	position:relative;
}

.gridevent:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -2px; /* !importanté */
    border-radius: inherit; /* !importanté */
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 200%;
	animation: gradient 15s ease infinite;
  }
  
.serviceicons {
	margin-top: 1vh;
    margin-bottom: 1vh;
    display: flex;
    justify-content: space-evenly;
    align-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
    align-items: center;
    font-size: 1.75em;
}

.serviceicon a {
	color: var(--invertfontcolor);
}

.main {
	position:relative;
	top: 100px;
	padding-bottom:5vh;
}

article {
	font-family: 'PolySans-Slim';
	font-size: 1em;
}

.article-col{
	display:flex;
	flex-direction: row;
	margin-top:2vh;
}

.articlecoverimage {
	width:100%;
}

.pagetext {
   /* padding: 0 0vw 0 2vw; */
	/* font-size:1.4em; */
}

ol, ul {
  list-style: none; }
 
a {
  /* text-decoration:none; */
	color:var(--mainfontcolor);
}

 .eventimg {
	 width:10vw;
	 border-radius:10px;
 }
 
 .container {
	width:var(--mainwidth);
	margin-left: auto;
    margin-right: auto;
 }
 
 .siteheader { 
	/* width:var(--mainwidth); */
	/* margin-left:var(--mainmargin); */
	width: 100vw;
	height:80px;
	position:fixed;
	padding-top: 1vh;
	padding-bottom: 1vh;
	top:0;
	transition: top 0.2s ease-in-out;
	background:rgba(255,255,255,0.75);
	z-index:10;
 }
 
 .siteheader.hide {
	 top:-120px;
 }
 
.sitelogo { 
	height:80px;
	position:absolute;
	right:var(--mainmargin);
}

.stitle {
    font-size:1.5em;
}

.sdesc {
    max-width: 30vw;
    padding: 2.5vw;
}
.coverimage { 
	width:100%; 
	margin-bottom:2vh;
}
 
.headerlinks {
	position: absolute;
    top: .5vh;
}

.headerlink {
	font-size:1.5em;
	margin-top:30px;
	margin-right:1vw;
}

p {
	padding: 1vh 0;
}

.fullwidth {
    width: var(--mainwidth);
}

h1 { font-size: 1.75em;  margin-bottom:2vh; padding:1vh; }

h2 { 
	font-size: 1.2em; 
	padding:1vh;
	 
}

h3 { font-size: 3em;
	padding:1vh 0vh;
 
	}
	
h3 a {
	text-decoration:none;
}
	
h4 { 
	font-size: 1.2em;
	margin-top:2vh;
}

h5 {
	padding:1vh 0;
}
	
.articleinfo {
	margin-top:2vh;
	position:absolute;
	bottom:0;
	display:flex;
	gap:2vw;
}

.gallery {
	display:flex;
	/* width:90vw; */
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 var(--mainmargin);
}

.gridtexttitle {
	/* font-size:1.5em; */
	font-family: 'PolySans-Bulky';
}

.gridinnertext {
	padding: 1vh 1vw;
	max-width: 23vw;
}

.gallery2 {
	display:flex;
	/* width:90vw; */
	flex-wrap: wrap;
	justify-content: flex-start;
	column-gap:2.5vw;
	row-gap:2.5vw;
}

.galleryitem {
	display:block;
	text-align:center;
transition:transform 200ms ease-in-out;
color:var(--invertfontcolor);
}

.galleryimg {
	width:23vw;
	border-radius:10px;
}

.galleryitem:hover {
	transform: scale(1.05);
	z-index:5;
}
	
.gallerytitle {
    color: white;
    text-align: center;
    padding-top: 1vh;
    position: relative;
    max-width: 23vw;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
	
.eventtext {
    font-size: .65em;
    font-family: 'PolySans-Slim';
    margin-left: .5em;
    width: 20vw;
    height: 100px;
}
	
.swiper-slide {
	max-width: 20vw;
}

.lffeventslider {
	margin-top:3vh;
	/* max-width:90vw; */
	margin-bottom:3vh;
	position:relative;
}
	
.slidertitle {
	width: 5em;
	height: 10vw;
	position: absolute;
	z-index: 5;
	padding-top: 1vw;
	padding-left:1vw;
	background: linear-gradient(90deg, #000 50%, hsla(0, 0%, 100%, 0));
	color:white;
}

.lffevent {
	display:flex;
}

.firstslide {
	max-width:10vw;
}

.slidernavbtn {
	font-size:1.5em;
}

.sliderbtns {
	display:flex;
	margin-top:1vh;
}

.lffnextbtn {
	margin-left:1em;
}

.swiper-button-disabled {
	opacity:0.5;
}

.lffeventtitle {
	font-family:'PolySans-Bulky';
}
	
.footer {
	margin-top:6vh;
	width:100vw;
	background: #151515;
	padding-top:10vh;
	padding-bottom:10vh;
}

.footerexplain {
	width:var(--mainwidth);
	margin-left:auto;
	margin-right:auto;
	color:#aaa;
	margin-top:4vh;
	text-align:center;
}

.linkbox {
	display:flex;
	    justify-content: center;
}

.socialbox {
	margin-left:10vw;
	margin-right:auto;
}

.socialtitle {
	color: white;
	font-size:1.5em;
}

.sociallinks {
	display:flex;
}
	
.sociallink {
	padding-top: 2vh;
   /*  color: #fff; */
    display: block;
    font-size: 2em;
    height: 100%;
    justify-content: center;
    letter-spacing: 0;
    line-height: 4rem;
    position: relative;
    text-decoration: none;
    width: 100%;
    z-index: 10;
    opacity: 0.5;
	text-align:center;
	}
	
.sociallink:hover {
	opacity:1;
}


article {
	margin-top:2vh;
	margin-bottom:2vh;
}

.article-col {
	width:100vw;
	display:flex;
	flex-wrap:wrap;
}

.firstcol {
width:25%;
min-width:40vw;
}

.middlecol {
	width:55vw;
	margin-left:2.5vw;
	margin-right:2.5vw;
	position:relative;
}

.lastcol { 
	width:100vw;
	padding:1vh;
}



.articletaglist {
	display: inline-flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
	gap:1vw;
}

.articletag {
    padding: .5em;
    color: yellow;
    border-radius: 10px;
    position: relative;
    text-transform: uppercase;
	display: flex;
	justify-content:center;
	align-content:center;
	background-clip: padding-box; /* !importanté */
	border: solid 2px transparent; /* !importanté */
}

 .articletag:before {
    content: '';
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    z-index: -1;
    margin: -2px; /* !importanté */
    border-radius: inherit; /* !importanté */
    background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
	background-size: 400% 200%;
	animation: gradient 15s ease infinite;
  }
.articletag a {
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.75em;
	color: var(--invertfontcolor);
}

ul.sociallinks {
	display:flex;
	justify-content:space-around;
	flex-wrap:nowrap;
	width:60vw;
}

ul.sociallinks:first-child {
	margin-left:0;
}

ul.headerlinks {
	display: flex;
    left: var(--mainmargin);
}

.jt {
	color:#555;
	margin-top:10vh;
	font-size:0.5em;
	margin-left:10vw;
}

.lffmap {
	margin-top:0;
}

.lffmapimg {
	width: calc(var(--mainwidth) - (var(--mainmargin)*2));
}

@media only screen and (max-width: 767px) {
  /* For mobile phones: */
  .sitelogo { 
	margin-left:var(--mobilemargin);
}

.navclose {
	left:85vw;
}

.hero {
	/* height:27vh!important; */
} 
.jtscrollbg {
	height: 20vh;
	animation-duration: 60s;
}

#banner .content {
	left: 1vw;
	padding: 5vh 0;
	
}

#banner .content p {
	padding:1vh 0;
	font-size:1.2em;
	margin:0 var(--mobilemargin);
}

#banner .content h1 {
    font-size: 11vw;
	padding:0;
	margin:0 var(--mobilemargin);

}

.jt-marquee {
	font-size:4em;	
}

.content {
	margin-bottom:4vh;
}

.content article {
	margin:0;
}

.content article h3 {
    margin: 0 var(--mobilemargin);
}

article>h4 {
	 margin-left:var(--mobilemargin);
}

.articleinfo {
	position:relative;
}

.articleinfotext {
	width:45vw;
	margin-left: var(--mobilemargin);
}

.articletaglist {
	margin:0;
}

.articletag {
	margin-top:0;
}

ul.headerlinks {
	margin-right:var(--mobilemargin);
}

  .article-col {
	display:block;
	width:var(--mobilemainwidth);
	margin-left:calc((100vw - var(--mobilemainwidth))/2);
	margin-right:calc((100vw - var(--mobilemainwidth))/2);
	overflow-wrap:break-word;
  }
  
.lastcol {
	margin-left:0;
	display:flex;
	flex-direction:row;
	width:100%;
}


.middlecol {
	width:var(--mobilemainwidth);
	margin:0;
}
	
.articletags {
	display:inline-block;
}

.articletaglist {
	flex-direction:row;
}

.articletag {
	margin-right:0.75em;
}

.lffdategrid {
	/* width:var(--mobilemainwidth); */
}

  .articlecoverimage {
	  width:var(--mobilemainwidth);
  }
  
  .welcomebanner {
	  background-size:100% 100%;
	  height: 22vh;
	  max-width:var(--mobilemainwidth);
}

.welcomebig {
	font-size:22vw;
	top:4vh;
}

.welcomeblurb {
	font-size: 0.8em;
	padding-top:2vh;
	max-width:75vw;
}

.welcomelogosmall {
	width: 12vw;
    position: absolute;
    bottom:1vh;
}

.welcometext {
	font-size:0.6em;
}

  .megabanner {
    font-size: 23vw;
}

h3 {
	font-size:2em;
}

  .swiper-slide {
	  max-width:50vw;
}

.lffmapimg {
	width:var(--mobilemainwidth);
}

.container {
	width:100vw;
}

.content_old {
	width:var(--mobilemainwidth);
	margin-left:var(--mobilemargin);
	margin-right:var(--mobilemargin);
	overflow-wrap:break-word;
}

.gallery {
	/* width:var(--mobilemainwidth); */
	/* margin-left:var(--mobilemargin); */
}

.gallery h4 {
	margin:0;
}

.galleryimg {
	width: 47vw;
}

.gridtext {
	
}

.gallerytitle {
	max-width:var(--mobilemainwidth);
}

.coverimage {
	width:100vw;
}

.linkbox {
	text-align:center;
}

.socialtitle {
	font-size:1.5em;
}

ul.sociallinks {
	width:100vw;
    font-size: 2em;
}
.sociallink {
	font-size:.75em;
}
.lffeventslider {
	max-width:100vw;
}

.firstslide {
	max-width:20vw!important;
}

.slidertitle {
	height:110px;
}

.eventimg {
	width:110px;
}

.pagetext {
	width:var(--mobilemainwidth);
	/* margin-left:calc((100vw - var(--mobilemainwidth))/2); */
}

.singlepagetext {
	width:var(--mobilemainwidth);
	 margin-left:var(--mobilemargin);
}

.lffdate {
	/* width:var(--mobilemainwidth); */
	width: 44vw;
}

.lffdatebg {
	/* width:var(--mobilemainwidth); */
	/* height:var(--mobilemainwidth); */
	width:10vh;
	height:10vh;
	display:none;
}

.lffdatetitle {
	position:relative;
	top:0;
	transform:none;
}

.postcattitle {
	margin-left: var(--mobilemargin);
}

.gridinnertext {
	max-width:90vw;
	text-align:center;
}

section {
	flex-wrap:wrap;
}

.pageleft {
	width:var(--mobilemainwidth);
}

.pageleft > img {
	width:100vw!important;
}

.pageright {
	width:var(--mobilemainwidth);
}
.navcontainer {
	width:100vw;
	padding:0;
	padding-bottom:3vh;
}
}


/*iPad Air etc */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px)
	and (min-device-height: 1024px)  
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	  body {
		  font-size:1.4em;
	  }
	  .headerlink {
		  margin-right:2vw;
	  }
	  .navcontainer {
		  width:45vw;
	  }
	  .container {
		  width:100%;
	  }
	  .content article {
		  margin:0;
	  }
	  #banner .content h1 {
    font-size: 11vw;
}

h1 {
	margin:0;
	padding: 1vh 0;
}

.jtscrollbg {
	height: 35vh;
	animation-duration: 60s;
}

.content article h3 {
	margin: 0 1vw;
}

.content article h4 {
	margin: 0 1vw!important;
}

.singlepagetext p {
	margin: 0 1vw;
}

.hero {
height:30vh!important;	
}

#banner .content p {
    font-size: 2em;
}
	  .welcomebanner {
		  height:20vh;
	  }
	  
	  .content {
		  margin-bottom: 4vh;
	  }
	  
	  .lffdategrid {
	width:100%;

	}
	
	.lffdate {
	width: 30%;
	}

.lffdatetitle {
	position:relative;
	top:0;
	transform:none;
	font-size:1.5em;
	}
	.galleryimg {
		width:47vw;
	}
	.gallerytitle {
		max-width:none;
	}
	.gridinnertext {
		max-width:none;
	}
	.article-col {
		flex-wrap:wrap;
	}
	.firstcol {
		width:100%;
	}
	
	.middlecol {
		width:100%;
	}
    .lastcol {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
	.articletaglist {
		flex-direction: row;
        width: 100%;
        gap: 2vw;
	}
	.articleinfo {
		position: relative;
	}
	.articleinfotext {
		display: flex;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
}

@media only screen and (min-width: 1200px) {
	
	body {
		font-size:1.2em;
	}
	
	.galleryimg{
		width:20vw;
	}
	.article-col {
		flex-wrap:wrap;
	}
	
	.middlecol {
		width:55%;
	}
	.lastcol {
		width:100%;
		display:flex;
	}
	.articleinfotext {
		width:100%;
	}
	.articletaglist {
		display: inline-flex;
		flex-direction:row;
		gap: 1vw;
}
	
}