/*
Theme Name: Narracje17
Description: Wordpress theme made by trustudio.pl
Version: 1.0
Author: fry.li
Text Domain: narracje
Domain Path: /languages
License: GNU General Public License version 3.0
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/




/*-------------------------noac-*
/*  UWAGA! Tryb czarno-biały
/*--------------------------*/


html body.zaloba { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); filter: grayscale(100%); }


/*--------------------------*
/*  WordPress Styles
/*--------------------------*/



@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');






* { margin:0; padding:0; border:none;}
b, strong { font-weight:bold;}

.wrapper {width:100%; min-width:1200px;}
.inner {width:1000px; margin:0px auto;}
.fl {float:left;}
.fr {float:right;}
.cl, .clr, .clear {height:1px; overflow:hidden; clear:both;}
.text_separator {height:1px; margin-top:23px; margin-bottom:18px; overflow:hidden; clear:both; background-color:#f2f2f2;}

img { max-width: 100%; height: auto;}

.aligncenter { display:block; margin:0 auto }
.alignright { float:right; margin:10px 0 10px 10px }
.alignleft { float:left; margin:5px 10px 0px 0 }
.floatleft { float:left }
.floatright { float:right }
.textcenter { text-align:center }
.textright { text-align:right }
.textleft { text-align:left }
.wp-caption { border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; -moz-border-radius:3px; -khtml-border-radius:3px; -webkit-border-radius:3px; border-radius:3px }
.wp-caption img { margin:0; padding:0; border:0 none }
.wp-caption p.wp-caption-text { font-size:11px; line-height:1.7rem; padding:0 4px 5px; margin:0; text-align: left; color: #000; }
.wp-caption { max-width: 100%; border: none; padding: 0px; margin: 0px; margin-bottom: 15px;}

.multiply { mix-blend-mode: multiply;}

.wp-smiley { margin:0 !important; max-height:1em; border:none; }
blockquote.left { margin-right:20px; text-align:right; margin-left:0; width:33%; float:left }
blockquote.right { margin-left:20px; text-align:left; margin-right:0; width:33%; float:right }
.sticky { }
.gallery-caption { }
.byBlog Postauthor { }
.bypostauthor { }
.whiteContent { background-color:#FFF; width:960px; padding:0px 20px 20px 20px; }

p.small { margin:0px; padding:0px;}

a:hover { opacity:0.8; color: #000;  }

/*--------------------------*
/* Style Narracje 15
/*--------------------------*/


html {position: relative;  min-height: 100%; font-size:62.5%;  }


body {  background: #e9c18c url("images/temp/body-bg.webp") repeat-y top center;; }

body:not(.home) { background: #fff url("images/temp/body-bg2.webp") repeat-y top center; }



body { font-size:2rem; line-height: 2.6rem; font-family: "Jost", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;  color: #000; margin:0px; padding:0px;   }
body p {  font-size: 1.8rem; padding-bottom: 17px; margin:0px; line-height: 2.8rem; font-weight: normal; }

.pageContent { min-height:100px; }
.pageContent p { font-size: 14px; }

.con { width:1200px; margin:0px auto; }

a { color: #000; text-decoration: underline;  border: none;  -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
a * { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;} 
a:hover { opacity:0.6; text-decoration:underline;  }
a img { border: none; }
.anim {  -webkit-transition: all 1s ease-in-out; -moz-transition: all 1s ease-in-out; -o-transition: all 1s ease-in-out; transition: all 1s ease-in-out;}

h1, h2,h3, h4, h5 { font-weight: bold;  margin-bottom: 20px; margin-top: 0px; font-family: "schoolbook-condensed", serif; font-optical-sizing: auto; font-weight: 400; font-style: normal;}
h2 { font-size:3.2rem; line-height: 3.8rem;}


p.bggrey { background: #1c279d; padding: 20px;}

a.bigbtn { color: #fff; background: #000; text-decoration: none; padding: 15px; font-size:2rem; font-weight: normal; display: inline-block;}

.pt30 { padding-top: 30px;}

.singlecontent ul { padding-left:40px;}

/* NO TO JEDZIEMY! :) */

body.page-template-page-startowo { margin: 0px; padding: 0px; overflow: hidden; background: #ffffff; }
body.page-template-page-startowo .per{ perspective: 800px; width: 100%; height: 100%;}
body.page-template-page-startowo .bg { position: absolute; top:0px; left:100px; z-index: 10; transform: rotateX(30deg); width: 1300px; height: auto; transition: all 0.25s ease-out; text-align: center;}
body.page-template-page-startowo img.logo { position: absolute; top:180px; left:550px; z-index: 14; width: 300px; height: auto; transition: all 0.25s ease-out;} 
body.page-template-page-startowo a:hover img { opacity:0.6;}
body.page-template-page-startowo a:hover { opacity:1;}


#homeTitle .customborder  { border-bottom: 3px solid #000; padding-bottom: 6px; } 

#menuContainer { position: relative;}


.mycontainer { width: 1140px; margin: 0px auto; position: relative; display: flex; gap:40px;}



.totaltop { display: flex; justify-content: flex-start; gap:50px; align-items: center;}



#mainLogo { }
#mainLogo img { }
/* tylko na home ma być fixed */
nav#menuSection  {  /*position:fixed; top:0px; left:0px;*/  padding:10px 0px 10px 0px; width:100%; display:block;   z-index: 120; }
nav#menuSection .con { position:relative;}
nav#menuSection::after { clear: both; content: ''; display: block;}


/*body.home nav#menuSection  { position:fixed; z-index:94; top:0px; left:0px;  padding:20px 0px 20px 0px; width:100%; display:block;  height:100px;  background:#28348a; }*/

#menuSection ul#fmenu {  list-style:none;  display: flex; gap:20px;  }
#menuSection ul li {  position: relative; padding:0px; color:#ffffff; margin-right: 0px;}
#menuSection ul li span.slash { padding:0px 4px;}
#menuSection ul li a { font-size:1.8rem; padding-bottom:0px;  padding: 5px; color:#000;  text-decoration: none; font-weight: bold;  }
#menuSection ul li a:hover { text-decoration: underline;}
#menuSection ul li ul.sub-menu { background:none; list-style:none;  padding: 0; position: absolute; width:1000px; top: 20px; left: 0px; display: none; opacity: 0; visibility: hidden; z-index:234; }
/*#menuSection ul li.current-menu-item , #menuSection ul li.current-menu-ancestor  {color:#fe3c00;}
#menuSection ul li.current-menu-item a, #menuSection ul li.current-menu-ancestor a { color:#fe3c00;}*/
#menuSection ul li.current-menu-item > a, #menuSection ul li.current-menu-ancestor > a  { border-bottom:1px solid #666;  }

/*#menuSection ul li.menu-item-has-children a { padding-right:16px; background:url(images/triangle-black.png) no-repeat right 10px;}
#menuSection ul li.menu-item-has-children.current-menu-item>a { padding-right:16px; background:url(images/triangle-down.png) no-repeat right 10px;}
#menuSection ul li.menu-item-has-children.current-menu-ancestor>a { padding-right:16px; background:url(images/triangle-down.png) no-repeat right 10px;}
#menuSection ul li.menu-item-has-children>a:hover { padding-right:16px; background:url(images/triangle-down.png) no-repeat right 10px;}*/

#menuSection ul li.menu-item-has-children { padding-left:0px;}
/*#menuSection ul li.menu-item-has-children:after { font-family: 'FontAwesome'; content: '\f107'; margin:0px; color:#000; }*/
#menuSection ul li.menu-item-has-children:after {  content: url('images/arrow.svg'); margin:0px; color:#000; }
#menuSection ul li.menu-item-has-children.current-menu-item:after { /*color: #fe3c00;*/ }

#menuSection ul li:hover ul.sub-menu { display: block; opacity: 1; padding: 10px 0px 0px 0px; visibility: visible; width:210px; background: #fff; box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.29); }
#menuSection ul li:hover ul.sub-menu::after { display: block; clear: both; content: '';}
#menuSection ul li ul.sub-menu li {  margin:0px;; padding:0px 0px; float: none; }
#menuSection ul li ul.sub-menu li .slash { display: none;}
#menuSection ul li ul.sub-menu li a { color:#000; display: block; background:#fff; font-size:1.4rem; border:none; text-decoration:none;  padding:5px 12px; text-transform:none;  }
#menuSection ul li ul.sub-menu li a:hover { background:#eee; color: #000; opacity:1; }

#menuSection .lang {  font-size:1.4rem; color:#ffffff; display: none; ;}
#menuSection .lang a { color:#000; text-decoration:none; text-transform: uppercase; padding: 0px 6px; display: block; }
#menuSection .lang a img { width: 24px; height: auto;}
#menuSection .lang a.icon { font-size:2rem; position: relative; top:3px; /*margin-right: 24px;*/ margin-bottom: 10px;}
#menuSection .lang a.active {   font-weight:bold; }
#menuSection .lang a.social { margin-right:0px; margin-bottom:10px; text-decoration: underline;}
#menuSection .langmenu { }

#menuSection .lang a.noactive { /*display:none;*/}
#menuSection .lang a.ua { /*display:none;*/}

#menuSection .lang .langmenu { /*width:120px;*/ float:none; display: flex; gap:10px; }
#menuSection .access-section {  position:absolute; top:15px; right:15px; width:60px; text-align:right; font-size:1.4rem; color:#ffffff; float:right; z-index: 230; /*margin-left:20px;*/}
#menuSection .access-section .accesibility_icon_main {}
#menuSection .access-section .accesibility_icon_main svg { fill:#000;}
.accesibility_container .menu_container ul li { width: 100%;}
.accesibility_container .menu_container ul li button {display:block;}
.accesibility_icon_main {  }



@media (max-width: 1220px) {
	.mycontainer { width: 90%; margin: 0px auto; }
	#menuSection .lang { right: auto; left: 150px; }
	
	#menuSection .access-section { top: 30px; right: 100px;}
}





#allSections { /*padding-top:90px;*/}


.fronthero { text-align: center;}
.fronthero img { max-width: 1310px; height: auto;;}

@media (max-width: 1220px) {
	.fronthero img { max-width: 90%; height: auto;;}
}


section.contentSection { padding-bottom: 50px; padding-top: 50px;}
section.contentSection.mapSection { padding-bottom: 0px; padding-top: 0px;}
section.contentSection .contentRelative { position: relative;}
section.contentSection .contentRelative h2.pageTitle { position: absolute; top:0px; left:0px; z-index: -1; color: #1c279d; width: 100%; font-size:12rem; line-height: 14rem;; text-transform: lowercase; word-wrap: break-word;}
section.contentSection .contentRelative h2.pageTitle span.inside { background-image: linear-gradient(to right, #1c279d 0%, #1c279d 100%);
    background-repeat: repeat-x;
    background-position: 0 95%;
    background-size: 100% 3px;
  }

#homeScreen { position: relative; min-height: 600px; /*background: url(images/home-bg.png) no-repeat center center; background-size:cover;*/ }
#homeScreen #mainvideo { line-height: 1px; height: 100%; width: 100%; }

.aboutimg { position: relative; right:-30px;}





#homeScreen { }
#homeScreen .frontVideo button { position: absolute; bottom:10px; left:10px; background: #ffffff; padding: 10px; font-weight: normal; font-size:1.4rem; color: #000; }

body.home .homebtn { padding:0px 0px 30px 0px;}


.frontVideo { height: calc(100vh - 100px); overflow: hidden; position: relative;}

#homeScreen #mainvideo video{ height: 100%;  width: 177.77777778vh; min-width: 100%; min-height: 56.25vw; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); }

#homelax { height: 600px; overflow: hidden; }
#homelax .ptext { width: 600px;  margin-top: 15vh; background: #ffffff; padding: 20px 20px 10px 20px;}

.hsection { padding: 80px 0px 20px 0px;}

.frontAbout.hsection {  }
.frontAbout p, .frontAbout h1 { }
.frontAbout p { font-size:1.6rem; line-height: 2.4rem; font-weight:normal;}

.frontProgram.hsection {  }
.frontProgram h1 { font-weight:normal; font-size:8rem; margin-bottom: 20px;}
.frontProgram, .frontProgram p { font-size:2rem; line-height: 2.6rem;}
body.page-template-page-program { }


.frontArtists { /*background: url("images/temp/h2bg01.png") no-repeat 10% 0px;*/ display: none;;}
/*@media (max-width: 1006px) { .frontArtists { background: url("images/temp/h2bg01-mobile.png") no-repeat 10% 0px;} }*/


.frontArtists .homebtn { display: none;}
.frontArtists h1 { color: #000; margin-bottom: 20px; font-size:8rem;}
.frontMap h1 { font-size: 8rem;}
.frontArtists h3 { font-size: 1.3rem; padding-left: 5px; padding-bottom: 0;}
.frontArtists h2 { padding-left:0px; }

.boxy { display: block; box-sizing: border-box; float: left; margin: 0px 20px 20px 0px; background: #4aa35b; border:1px solid #4aa35b; color: #fff; text-decoration: none; text-align: center; width: 200px; height: 150px;; padding: 60px 0px 60px 0px; font-size:2.4rem; /*-webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%); clip-path: polygon(0 0, 0% 100%, 100% 100%);*/}
.boxy:hover {  text-decoration: none; opacity:1; border:20px solid #7dca8c; padding: 41px 0px; }


.staticPageTitle { font-size:6rem; line-height: 6rem; margin-bottom: 50px; }
.staticPageTitle span.inside {  }




@keyframes flickerAnimation {
  0%   { opacity:1; }
  50%  { opacity:0; }
  100% { opacity:1; }
}


.supersquare { width: 100%; }
.mainContentBoxes { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr; gap:30px; }


@media screen and (max-width:1380px) { .mainContentBoxes { grid-template-columns: 1fr 1fr 1fr; } }
 @media screen and (max-width:760px) { .mainContentBoxes {  grid-template-columns: 1fr 1fr; } }
@media screen and (max-width:500px) { .mainContentBoxes {  grid-template-columns: 1fr; width: 220px; margin: 0px auto;} }


.mainContentBoxes a.squareLink { opacity:1; color: #000; display: block;  }
.mainContentBoxes a.squareLink img { max-width: none;}
.mainContentBoxes a.squareLink .artisttitle { padding: 10px; display: block; width: 100%; text-shadow: 0px 0px 2px rgba(150, 150, 150, 1);}
.mainContentBoxes a.squareLink .fullopis { width: 100%;}
.mainContentBoxes a.squareLink .fullopis img { width: 100%; height: auto;}

/*.mainContentBoxes:hover a.squareLink{ opacity:0.25;}*/
.mainContentBoxes a.squareLink:hover { opacity:1; }
.mainContentBoxes a.squareLink:hover img {  }
.mainContentBoxes .artisttitle { display: block; width: 100%; font-weight: normal; height: 110px; padding-top: 10px; overflow: hidden; white-space: normal;}
.mainContentBoxes .artisttitle h3 { font-size: 2rem; padding-left: 5px; padding-bottom: 0;}
.mainContentBoxes .artisttitle:first-letter { }
.mainContentBoxes a.squareLink:hover .imagefield { opacity:1;}

.page-template-page-nartysci { }
.page-template-page-nartysci h2.staticPageTitle {  font-weight: normal;}



a.squareLink { width: 220px; height: 220px; display:block; font-size:1.6rem; line-height: 2rem; color:#fff; font-weight: normal;   overflow: hidden; padding: 0px 0px 0px 0px; position: relative;} 
a.squareLink img { display: block;}
a.squareLink span { display: block; padding-top: 10px; text-decoration: none;}
a.squareLink .fullopis { }
a.squareLink .color { /*width: 220px; height: 220px; position: absolute; z-index: 12; left: 0px; top: 0px; background: #ff8c01; mix-blend-mode: screen; display: block; opacity: 0.7;*/ display:none; }
body.page-template-page-nartysci a.squareLink .color { display: none; }

a.squareLink .imagefield { position: relative; margin:0px auto;  }
a.squareLink .imagefield .image1 {position: absolute; top: 0px; left:0px; z-index: 10; }
a.squareLink .imagefield .image2 {position: absolute; top: 0px; left:0px; z-index: 11; animation: flickerAnimation 6s infinite; }
a.squareLink .imagefield img { width: 220px;  height: auto; border-radius:0px; box-shadow: none; filter: sepia(50%); border:1px solid #e9c18c;  }

a.squareLink:hover img { border:16px solid #d4a465; filter: sepia(0%);}

a.normalLink { width: 300px; float: left; display: block; text-decoration: none;}
a.normalLink img  { display: block; margin-bottom: 10px;}
a.normalLink span  { display: block; min-height: 100px;}

.hGalleries a.normalLink span { margin: 0px 20px;}

.galleryContent { background:#000; padding:20px 0px; }

/*domyślne galeriir i film youtube */

.gallery .gallery-item img { border:none !important;}
.gallery .gallery-item { margin-top:0px !important; margin-bottom:10px !important  }
.video-holder { display: inline-block; position: relative; padding-bottom: 60%; width: 100%; }
.video-holder iframe { height: 100% !important; position: absolute; top: 0; left: 0; width: 100% !important; }


a.singleimage { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; display:block; float:left; background:none; }
a.singleimage img { }
a.singleimage:hover { background:#000; }


.mainContentProgram {}
.mainContentProgram .programColumn {}
.mainContentProgram .programColumn p { font-weight: normal;}
.mainContentProgram .programColumn b, .mainContentProgram .programColumn strong { font-style: italic; }


.artistphoto img { width:200px;  height: auto; border-radius:0%; filter: sepia(0%); }
.artistphoto .image { position: relative; padding: 30px 30px 0px 0px; margin-bottom: 10px; overflow: hidden; /*mix-blend-mode: screen;*/}
.artistphoto .image .color { }
.artistphoto .image .caption {  font-weight: normal; font-size:1.8rem; padding-top: 10px;}

.page-template-page-organizatoria .plainContent img { margin-right: 20px; margin-bottom: 20px; }
.page-template-page-organizatoria .plainContent h2 { color: #1c279d; margin-bottom: 20px;}

.seeall a { color: #fff; font-weight: normal;}



.nagallery a { float:left; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.nagallery a:hover { opacity:0.5; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}

.sGallery a.fancybox { float:left; width:130px; }

#imagelightbox { position: fixed; z-index: 9999; -ms-touch-action: none;  touch-action: none; }
#imagelightbox-overlay {background-color: #2c2c2c; background-color: rgba( 44, 44, 44, .9 ); position: fixed; z-index: 9998; top: 0; right: 0; bottom: 0; left: 0; }



.frontMap.mobile { display:none;}



.acf-map { height: 700px; color: #ffffff; }
.acf-map h1, .acf-map h2, .acf-map p, .acf-map a { color: #000; }
.acf-map h2 { margin-bottom: 7px;}
.acf-map p.desc { margin-bottom: 8px; color: #5C5C5C;}
.acf-map p.more {  padding-bottom: 0; margin-bottom: 10px;}
.acf-map p.more a { background: #fe3c00; border-radius:5px; color: #fff; padding: 5px 10px; box-shadow: 5px 5px 8px 0px rgba(254, 60, 0, 1); }
.frontMap .mmap { height: 700px;}
.frontMap h1 { padding: 20px 0px;}
.mapSection { height: calc(100vh - 240px);}
.acf-map h2 { font-size:1.6rem; font-weight: normal;}
.acf-map p, .acf-map a { font-size:1.4rem; text-decoration: none;}

/* STRONA PARTNERÓW */
/*body.page-id-2516 { background: #fff;}
body.page-id-2353 { background: #fff;}
body.page-id-2516 h1, body.page-id-2516 h2, body.page-id-2516 p { color: #ffffff; }
body.page-id-2353 h1, body.page-id-2353 h2, body.page-id-2353 p { color: #ffffff; }*/

#contactSection {  padding: 50px 0px 60px 0px;  font-size:1.6rem; }
#contactSection p { font-size:1.6rem; line-height: 2.1rem; }
#contactSection .prevEdition img { width: 90px; height: auto; }
#contactSection a {  }

body.home #contactSection { /* background: url("images/temp/footer-bg.png") center 240px no-repeat; */ padding-bottom: 200px; }


#contactSection .mainContent {  position: relative;}
#contactSection .mainContent { color: #000; }


#contactSection .footerlogos { padding-top: 50px;}
#contactSection .footerlogos img.mobile { display: none;;}

@media screen and (max-width:790px) { 
	#contactSection .footerlogos img.mobile { display: block;}
	#contactSection .footerlogos img.desktop { display: none;;}
}
/*#contactSection .footerlogos { display: flex; gap:20px; justify-content: flex-end;}
#contactSection .footerlogos img { width: 100px; height: auto;  }
*/


.mvideo {
	overflow: hidden;
	position: relative;
	max-width: 100%;
	height: auto;
	padding-bottom: 56.25%;
}

.mvideo iframe, .mvideo object, .mvideo embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



.shiftnav {   }
.shiftnav-menu-title a { font-weight:bold; }

#shiftnav-toggle-main.shiftnav-toggle-edge-right { left: auto; right: 20px !important; top:20px !important; }
#shiftnav-toggle-main {}

.shiftnav ul.shiftnav-menu.shiftnav-targets-text-small li.menu-item > a.shiftnav-target { font-size: 2rem !important;  }
.shiftnav ul.shiftnav-menu.shiftnav-targets-text-small li.menu-item > .sub-menu > li > a { font-size: 1.6rem !important;}
.shiftnav ul.shiftnav-menu li.menu-item > .shiftnav-target { padding-top:8px !important; padding-bottom: 8px !important;}


.shiftnav.shiftnav-skin-slate ul.shiftnav-menu ul.sub-menu { color: #ccc; background: #2b303b !important;;}
.shiftnav.shiftnav-skin-slate ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target { color: #000 !important; background: #c9becf !important; }

.shiftnav ul.shiftnav-menu.shiftnav-targets-text-small li.menu-item > a:hover { background: #7a7785 !important; color: #fff !important; }
/*ulatwienia */


html.highContrast .accesibility_icon_main > svg path { fill: #ffea00 !important; }



@media screen and (max-width:1380px) { 
	section.contentSection .contentRelative h2.pageTitle { top:30px; font-size:8rem; line-height: 9rem;}
}

@media screen and (max-width:1212px) { 

	#contactSection .mainContent { background: none; padding: 0px; position: relative;}


	#contactSection .footerlogos { position: static; right:10px; top:20px; z-index: 10; margin-bottom: 30px;}

	#menuSection ul li a {font-size: 1.6rem; }
	
}

@media screen and (max-width:1050px) { 
	
	body.page-template-page-home #allSections { padding-top: 0px;}
	#homeScreen { min-height: 0px; }
	#homeScreen #homeTitle { font-size: 8rem; line-height: 9rem;}
	
}

@media screen and (max-width:1005px) { 
	#allSections { padding-top: 10px; }
	body.page-template-page-startowo { overflow: hidden;}
	body.page-template-page-startowo .contentSection { overflow: hidden;}
	body.page-template-page-startowo .bg { position: absolute; top:0px; left:10px; z-index: 10; transform: rotateX(0deg); width: 600px; }
	body.page-template-page-startowo img.logo { position: absolute; top:80px; left:50px; z-index: 14; width: 300px; height: auto; }
	.imagemapa { display: none;}
	
	
	section.contentSection { padding-bottom: 15px; padding-top: 15px; }
	.frontVideo { height: calc(100vh - 40px); overflow: hidden;}
	.frontVideo { display:none;}
	.aboutimage { display:none;}
	
	.frontMap.mobile { display:block;}
	.frontMap.desktop { display:none;}
	
	body.home .mainContentBoxes { display:none;}
	
	.frontArtists .homebtn { display: block;}
	a.bigbtn { display: inline-block; font-size:1.6rem;}
	
	.staticPageTitle { font-size: 2.4rem; line-height: 2.4rem; }
	
	.mainContentBoxes .artisttitle { height: auto;}
	.staticPageTitle {  margin-bottom: 15px; }
	.hsection {  padding: 20px 0px; }
}


@media screen and (max-width:790px) { 
	body {margin-bottom: 0px;}
	#contactSection { position: static; bottom: auto;  width: 100%; padding: 30px 0px; height: auto;}
	#homeScreen #homeTitle { font-size: 6rem;  line-height: 6rem;}
	#homeScreen #homeDate { font-size: 1.8rem; line-height: 2.4rem;}
	#homeScreen #homeSlogan { bottom: 100px; right: 0px; font-size: 1.8rem; line-height: 2.4rem;  width: 300px;}
	#homeTitle .customborder  {  padding-bottom: 3px; } 
	
	section.contentSection .contentRelative h2.pageTitle {  position: static; top: auto; left: auto; width: 100%; font-size: 8rem; word-wrap:normal; margin-bottom: 50px;}
	
	.frontAbout h1, .frontProgram h1, .frontArtists h1, .frontMap h1 { font-size:4rem;}
	
	#contactSection .footerlogos {  justify-content: flex-start;}
	
}

@media screen and (max-width:580px) { 
	section.contentSection .contentRelative h2.pageTitle { font-size: 4rem; line-height: 4.5rem;}
	section.contentSection .contentRelative h2.pageTitle span.inside { background-size: 100% 1px;}
	section.contentSection .contentRelative h2.pageTitle br { display: none;}
}


@media screen and (max-width:500px) { 

	#homeScreen #homeTitle { font-size: 3rem; line-height: 3rem;}
	#homeScreen #homeSlogan { font-size: 1.4rem; line-height: 1.8rem; width: 200px;}
}

@media screen and (max-width:388px) { 


	#homeScreen #homeSlogan { display: none;}
}