@media screen and (min-width: 1201px){
 /*header begin */
body{
  max-width: 100%;
  overflow-x: hidden;
}
.header-main {
  width:100%;
  height:175px;
}
.header-main-logo{
  height:100px;
  flex-basis: 30%;
}
.header-main-logo img{
  height: 100%;
}
.header-main-nav{
  flex-basis: 70%;
}

.header-main-nav ul li a {
 margin: 0px 10px 0px 0px;
 padding: 5px 0px;
 height:auto;
 width:165px;
 line-height: 60px;
 font-size: 2.5rem;
 
}

.header-main-nav ul li ul {
  margin-top: 1px;
}


/*header einde */

.imgb {
  width: 100%;
  overflow-x: hidden;
  	
}
.itemD-hide{
 display: none;
}
/* font styles */
.h1 {
  font-size: 3.8rem;
  max-width: 80%;
  margin: auto;
}
.h1w {
  font-size: 4rem;
  max-width: 60% ;
  margin: auto;
}
.h1w2 {
  font-size: 4rem;
  max-width: 70%;
  margin: auto;
}
.h1b {
  font-size: 4rem;
}

.h2 {
	font-size: 3rem;
  max-width: 90%;

}

.h2a {
	font-size: 3rem;
}

.h2b {
	font-size: 3.5rem;
}
.h2c {
	font-size: 3.5rem;
}

.h3 {
	font-size: 3.5rem;
  max-width: 1450px;
  margin: auto;
	padding-bottom: 25px;
}

.h4 {
    font-size: 3.5rem;
}

.h4a {
    font-size: 3.8rem;
}
.h4b {
    font-size: 4.2rem;
}
.data2{
  padding-left: 2%;
}


/* begin grid items*/

/* */
.grid-cont,.grid-home,.grid-tar,
.grid-wiek,.grid-work,.grid-eth,
.grid-rev,.Tbart{
  margin-top:-5px;
}
/* */

/* Home/watk */
.grid-home{
  display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(11, 150px);
}

/*symbolbars*/
.Tbar{
  grid-area: 1/1/4/13;
  text-align: center;
}
.Bbar{
  grid-area: 9/1/12/13;
  text-align: center;
}
.Bwbar{
  grid-area: 9/1/12/13;
  text-align: center;
}
/*Txt*/
.txtL{
  grid-area: 4/1/8/8;
  margin:50px 0 0 50px;
}
.grid-home .txtLw{
  margin-top: 1%;
}
.txtLw{
  grid-area: 4/1/8/8;
  margin:50px 0 0 50px;
}
/*Img*/
.Pimg{
  grid-area: 8/5/9/8;
  align-self: self-end;
}
.Himg{
  grid-area: 4/8/9/13;
}
/* */


/* Contact */
.grid-cont{
  display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(6, 150px);
}
.txtC{
  grid-area: 4/2/7/11;
  align-self: center;
}
/* */

/* Workshop */
.grid-work{
  display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(auto, 150px);
}
.grid-work .Tbar{
  grid-area: 1/1/6/13;
  padding-top: 3%;
}
.Wbar{
  width: 100%;
  padding-top: 25px;
  position: relative;
  height: fit-content;
  text-align: center;
}
.Wbox{
  grid-column: 1/13;
}
/* */

/* TarW/ TarC */
.grid-tar{
  display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(8, 150px);
}
.txtT{
  grid-area: 4/2/9/12;
  margin-top: 2%;
}
.Tbart{
  grid-area: 1/1/4/13;
  text-align: center;
  padding-bottom: 25px;
}
/*Tarot layout */
.wrapper-tarot{
  display: flex;
  margin-left: 1%;
  padding:10px;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  width: 100%;
}
.wrapper-tarot img{
  transform: scale(80%);
  margin-bottom: 20px;
}
.tarot-AoC,.tarot-AoS,.tarot-AoW,
.tarot-AoP{
 flex-basis: 30%;
}
.t-textor{
  margin-top: 10%;
  flex-basis: 40%;
}
.t-textorG{
  flex-basis: 40%;
}
/* */

/* Wiek */
.grid-wiek{
  display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(13, 150px);
}
/*symbolbars*/
.grid-wiek .Tbar{
  grid-area: 1/1/3/13;
  padding-top: 2%;
}
.grid-wiek .Bbar{
  grid-area: 11/1/14/13;
  padding-top: 2%;
}
/*text*/
.txtR{
  grid-area: 3/6/9/13;
  margin:2% 0 0 6%;
}
.txtWc{
  grid-area: 9/1/11/12;
  margin:1% 0 0 3%;
}
.txtWc .h2{
   max-width: 100%;
}
/*img*/
.Wimg{
  grid-area: 3/1/9/6;
  align-self: center;
  margin-left:6% ;
}
.hsym{
  position: absolute;
  right:5%;
  bottom: 2%;
}
/* */

/* ethiek */
.grid-eth{
  display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(27, 150px);
}
/*symbolbars*/
.grid-eth .Tbar{
  grid-area: 1/1/3/13;
}
.grid-eth .Bbar{
  grid-area: 12/1/14/13;
}
.Ebar{
  grid-area: 20/1/22/13;
  text-align: center;
}
.grid-eth .Tbar,.grid-eth .Bbar, .grid-eth .Ebar img{
  transform: scale(120%);
  padding-top: 2%;
}
/*txt */
.txteL{
  grid-area: 3/1/12/9;
  margin:6% 0 0 6%;
}
.txteL2{
  grid-area: 22/1/28/7;
  margin:6% 0 0 6%;
}
.txteR{
  grid-area: 14/6/20/12;
  align-self: center;
}
/*img*/
.Eimg{
  grid-area: 3/9/12/13;
  align-self: center;
}
.Eimg2{
  grid-area: 14/1/20/5;
  margin-top: 3%;
}
.Eimg3{
  grid-area: 22/8/28/13;
  align-self: center;
}
.Eimg img{
  transform: scale(1.3);
}
/* */

/*Review*/
.grid-rev{
  display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(auto, 150px);
}
.rev{
 grid-column: 2/12;
 margin: 5% 0 5% 0;
}
/* */

/*Layout end */


 /*einde button*/

/* Footer */
.wrapper-main {
  width:100vw;
}
.footer-main {
  width:100%;
  padding: 50px 0 50px 0px;
  font-size:3.5rem;
}

.footer-main-flex{
  flex-wrap: wrap;
}
.footer-link {
  padding: 10px 50px;
  margin: 10px 0 50px 0px;
  font-weight:600;
}

.footer-sitemap {
  flex-basis:100%;
  display:flex;
}
.footer-sitemap a{
 line-height: 30px;
}
.footer-sitemap a:hover{
  opacity: 0.8;
 }
.footer-sitemap ul:nth-child(1){
 margin-left: 80px;
}

.footer-sitemap ul:nth-child(1),
.footer-sitemap ul:nth-child(2)
 {
  flex-basis:600px;
  text-transform: uppercase;
}
.footer-sitemap ul:nth-child(2) {
  flex-grow:1;
  padding-right: 80px;
}
/*Footer end*/

/*Workshop Button*/
.read-more-container{
  margin: 0;
  padding: 0;
}
.container{
  width:100%;
  font-weight: 700;
  font-size: 3.5rem;
  padding-left: 2rem;
}
.contanor .h2c{
  max-width: 70%;
  margin-top:2%;
  padding-right: 150px;
  float:right;
}
.read-more-text--show img{
  width: 20%
}
/* */

/*Tarot Button*/
.clickor-clock {
  width: 300px;
  position: relative;
  Font-size: 3.2rem;
  padding: 15px 10px;
  margin-left: calc(20%);
  margin-top: -30%;
  
}
/*Popups L/R */
.clickor-clock .popuptext {
  width: 300%;
  height:fit-content;
  padding: 8px 0;
  bottom: 100%;
  left: 125%;
}
.clickor-clock .popuptext2 {
  width: 300%;
  height:fit-content;
  padding: 8px 0;
  bottom: 100%;
  right: 125%;
}
/* */
}

@media screen and (min-width: 1201px) and (max-width: 1500px){
/*head */
.header-main {
    width:100%;
    height:175px;
  }
.header-main-logo{
    height:100px;
    flex-basis: 40%;
  }
.header-main-logo img{
    height: 100%;
  }
.header-main-nav{
    flex-basis: 60%;
  }
.header-main-nav ul li a {
   margin: 0px 10px 0px 10px;
   padding: 5px 0px;
   height:auto;
   width:110px;
   line-height: 50px;
   font-size: 1.7rem;
   
  }
.header-main-nav ul li ul {
    margin-top: 1px;
  }
/*header einde */

/*Grids*/

/*contact */
.grid-cont{
  grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(6, 100px);
}
.txtC{
  grid-area: 4/2/7/11;
}
.grid-cont .Tbar{
  grid-area: 1/1/4/13;
}
/* */

/*home/watk*/
.grid-home{
  grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(12, 100px);
}

/*symbolbars*/
.grid-home .Bbar{
  grid-area: 10/1/13/13;
  text-align: center;
}
.Tbar{
  grid-area: 1/1/5/13;
  text-align: center;
}
.Bwbar{
  grid-area: 10/1/13/13;
  text-align: center;
}
/*Txt*/
.txtL{
  grid-area: 5/1/10/8;
  margin:40px 0 0 50px;
}
.txtLw{
  grid-area: 5/1/9/8;
  margin-left: 2%;
}
/*Img*/
.Pimg{
  margin-left: 10px;
  grid-area: 9/5/10/8;
  align-self: self-end;
  transform: scale(0.8);
}
.Himg{
  grid-area: 5/8/9/13;
}
/* */

/*Tar*/
.grid-tar{
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(10, 100px);
}
.txtT{
  grid-area: 5/2/9/12;
}
/* */

/*Wiek */
.grid-wiek{
    grid-template-columns: repeat(12, 1fr);
    grid-template-rows: repeat(9, 100px);
}
.grid-wiek .Tbar{
  padding-top: 0;
}
.txtWc{
  grid-area: 9/1/11/12;
  margin:0 0 0 3%;
}
.hsym{
  position: absolute;
  right:1%;
  bottom: 21%;
  transform: scale(0.75);
}
/* */

/*Workshop*/
.grid-work{ 
  grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(auto, 100px);
}
.sym2{
  margin-top: -3%;
}
.grid-work .Tbar{ 
 padding-bottom: 25px;
}
/* */

/*Ethiek */
.grid-eth{
	grid-template-columns: repeat(11, 1fr);
	grid-template-rows: repeat(27, 100px);
}
.Eimg1,.Eimg2.Eimg3 img {
  transform: scale(20%)!important;
}
.Eimg2{
  grid-area: 14/1/20/5;
  margin: 0;
  transform: scale(0.7)!important;
  align-self: center;
}
.Eimg3{
  grid-area: 22/8/28/13;
  margin: 0;
  transform: scale(0.7)!important;
  align-self: center;
}
.grid-eth .Tbar,.grid-eth .Bbar, .grid-eth .Ebar img{
  transform: none;
  padding-top: 1%;
}
/*Review*/
.grid-rev{
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(auto, 100px);
}
.rev{
  grid-column: 2/12;
 }
/* */

/*End Layouts*/

/* font styles */
.h1 {
    font-size: 3rem;
    max-width: 950px;
    padding-bottom: 20px;
    margin: auto;
  }
.h1w {
    font-size: 3rem;
    max-width: 750px;
    margin: auto;
  }
.h1w2 {
    font-size: 3rem;
    max-width: 750px;
    margin: auto;
  }
.h1b {
    font-size: 3rem;
  } 
.h2 {
    font-size: 2.5rem;
    max-width: none;
  }
.h2a {
    font-size: 2.5rem;
  }
.h2b {
    font-size: 2.5rem;
  }
.h2c {
    font-size: 3rem;
    max-width: 750px;
  }
.h3 {
    font-size: 3.5rem;
    max-width: 950px;
    margin: auto;
    padding-bottom: 25px;
  }
.h4 {
      font-size: 3.2rem;
  }
.h4a {
      font-size: 3.2rem;
  }
.h4b {
      font-size: 4.2rem;
  }
.data2{
    padding-left: 2%;
  }
/* */

/* Footer */
.footer-main {
    font-size:3rem;
  }  
.footer-sitemap ul:nth-child(1),
.footer-sitemap ul:nth-child(2)
   {
    flex-basis:300px;
  }
 /* */

/*Workshop Button*/
.read-more-container{
    margin: 0;
    padding: 0;
  }
/* */ 

/*Tarot Button */
.clickor-clock {
  width: 200px;
  Font-size: 2.5rem;
  margin: auto;
  margin-top:-35%;
}
/*Popups L/R*/
.clickor-clock .popuptext {
  width: 310%;
  left: 90%;
}
.clickor-clock .popuptext2 {
  width: 310%;
  right: 90%;
}
/* */
}

@media screen and (min-width: 1700px) {
  .h2a {
    font-size: 3.7rem;
  }
  .h2c {
    font-size: 4rem;
    max-width: 60%;
  }
  .header-main {
    width:100%;
    height:175px;
  }
  .header-main-logo{
    height:100px;
    flex-basis: 30%;
  }
  .header-main-logo img{
    height: 100%;
  }
  
  .header-main-nav{
    flex-basis: 70%;
  }
  
  .header-main-nav ul li a {
   margin: 0px 10px 0px 10px;
   padding: 5px 0px;
   height:auto;
   width:200px;
   line-height: 60px;
   font-size: 3rem;
  }  
  .grid-work .Tbar{
   padding-bottom: 25px;
  }
}