@charset "UTF-8";



html {
	width: 100%;
	overflow-x:hidden;
}
/* added by edgar */
figure {
	margin: 0;
	    margin: 0px 30px 30px 0px;
    margin-inline-start: 0;
    margin-inline-end: 0;
}
figure img {
	max-width:100%;
	height:auto;	
}
/* added by edgar */

figure iframe {
	width: 100%;
	border: none;
	min-height: 480px;
}


body {
	background-color: rgb(220, 145, 224);
	background-color: var(--main-bg-color);
	cursor: default;
    overflow-x: hidden;
	
/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a5b1ff+1,aa43f9+54,8200f4+98&0+0,1+24,1+100 */
background: -moz-linear-gradient(top,  var(--main-bg-color) 0%,  var(--gradient1) 44%,  var(--gradient1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--main-bg-color) 0%, var(--gradient1) 44%, var(--gradient1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  var(--main-bg-color) 0%,  var(--gradient1) 44%, var(--gradient1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--main-bg-color)', endColorstr='var(--gradient1)',GradientType=0 ); /* IE6-9 */	

}

.mainframe {
    padding: 10px;
    max-width: 790px;
    width: 50%;
    transform: translateX(-50%);
    left: 50%;
    position: relative;
	top:20vh;
	margin-bottom: calc(20vh + 90px);
}



footer {
	background-color: var(--eventual-color);
	margin-top: 0;
	width: 100vw;
	text-align: center;
	height: auto;

/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#a5b1ff+1,aa43f9+54,8200f4+98&0+0,1+24,1+100 */
background: -moz-linear-gradient(top,  var(--gradient1) 0%,  var(--gradient2) 44%,  var(--gradient3) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, var(--gradient1) 0%, var(--gradient2) 44%, var(--gradient3) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  var(--gradient1) 0%,  var(--gradient2) 44%, var(--gradient3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='var(--gradient1)', endColorstr='var(--gradient3)',GradientType=0 ); /* IE6-9 */	

	}

footer h6 {padding-top: 2vh;}


footer .spacer {
	width: 100%;
	height: 150px;


}

.foot {
	width:100%;
}

.desktop { display: block;}

.desktop:after {
  content: "";
  display: table;
  clear: both;
}

.mobile {
	display: none;
	visibility: hidden;
}


* {
  box-sizing: border-box;
}



.table:after {
  content: "";
  display: table;
  clear: both;
}



 
/* Columns  */
.columns {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-left: 0rem;
  margin-right: 0rem;
  margin-bottom: 3em;
}



.column:first-child {
	margin-left: 0;
}
.column {
  flex: 0 1 100%;
  margin-left: 1rem;
  margin-right: 0rem;
  max-width: 100%;
	padding-right: 1rem;
}

.column p {
	margin-block-end: .6em;
}

@media (min-width: 790px) {
  .column {
    flex: 1;
  }
}
 

/* iPad  */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	
  }


/* iPad Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	  
	    }




/* iPad Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape)  {
  
  }





/*mobile*/
@media only screen 
and (-webkit-min-device-pixel-ratio: 1.0) 
and (max-width: 767px) { 
	
	footer { 
        display : block; 
		padding-bottom: 100px;
          }
	
	.menucontent {
		    top: 10%;
	}
	
	
	header {
		padding-bottom: 20%;
		/*padding-top: 40%;*/
		height: 90vh;
	}
	.desktop {
	display: none;
	visibility: hidden;
}
	.mobile {
	display: block;
	visibility: visible;
}
	* {
  box-sizing: inherit;
}
	.mainframe {
		width:80vw;
		    top: 20vh;
			margin-bottom:80px;
	}
	.column {
		width: 30%;}
	
		.navbar {
	display: none;
	visibility: hidden;
}

footer .spacer {
	height:130px;

}
}
/* Mobile Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 812px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: landscape) {
	  
	  
	
	
  }

/* Mobile Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px)
  and (-webkit-min-device-pixel-ratio: 1)
  and (orientation: portrait) {	
	  
  }



/* ----------- iPhone 5 and 5S ----------- */

/* iPhone 5 Portrait and Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
 {

}

/* iPhone 5 Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: portrait) {
	
}


  /* iPhone 5 Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px)
  and (orientation: landscape) {
	
}


/* ----------- iPhone 6 ----------- */



/* Portrait */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: portrait) { 
 
}

/* Landscape */
@media only screen 
  and (min-device-width: 375px) 
  and (max-device-width: 667px) 
  and (orientation: landscape) { 
  }