@font-face
{
	font-family: teleb;
 	src: url(/static/fonts/telebold.ttf);

}


@font-face
{
	font-family: tele;
 	src: url(/static/fonts/tele.ttf);

}

@font-face
{
	font-family: telelight;
 	src: url(/static/fonts/telelight.ttf);

}

body{
	background-color: beige;


}

html, body
{
	height: 100%;


}


*
{
    margin: 0;
    padding: 0;



}

html, body, .Container
{
    height: 100%;




}

    .Container:before
    {
        content: '';
        height: 100%;
        float: center;
    }

.Header
{
    margin-bottom: 10px;
    background-color: #6ea364;
}
.Content
{
    position: relative;
    z-index: 1;

}
    .Content:after
    {
        content: '';
        clear: both;
        display: block;
    }

.Wrapper
{

    position: absolute;
    width: 100%;
    height: 100%;

}
    .Wrapper > div
    {
        height: 100%;
    }

.RightContent
{
float: center;
}
	.RightContent::-webkit-scrollbar {
	    display: none;
	}

.LeftContent
{
    float: center;

}

.Header1
{

  text-shadow:     	 1px 1px 0 hsl(20,100%,60%),
	                 2px 2px 0 hsl(20,100%,75%),
	                 3px 3px 0 hsl(20,100%,70%),
	                 4px 4px 0 hsl(20,100%,66%),
	                 5px 5px 0 hsl(20,100%,64%),
	                 6px 6px 0 hsl(10,100%,62%),
	                 7px 7px 0 hsl(12,100%,61%),
	                 8px 8px 0 hsl(14,100%,60%),
	                 9px 9px 0 hsl(15,100%,70%),
	                 10px 10px 0 hsl(17,100%,75%),
	                 11px 11px 0 hsl(20,100%,70%),
	                 12px 12px 0 hsl(25,100%,66%),
	                 13px 13px 0 hsl(30,100%,64%),
	                 14px 14px 0 hsl(40,100%,62%),
	                 15px 15px 0 hsl(50,100%,61%),
	                 16px 16px 0 hsl(60,100%,60%);
	  font-family: teleb;
	  font-size: 20vw;
	  text-align: center;
	  color: #ff9595;
	  z-index:-1;


		margin: 0 auto;

}

.Header2
{
	float:  center;
	  font-family: telelight;
	  font-size: 1.4vw;
	  text-align: center;

}

.Header1Right
{
	  font-family: teleb;
	  font-size: 300%;
	  text-align: center;
	  color: #b81515;

}
.showImage img {
	width: 50%;
    min-width: 100%;
    min-height: 100%
    padding-top: 300px;
    border: 5px dashed #555;


}
.showImage
{
	width: 50%;
    justify-content: center;
    align-items: center;
    padding-top: 40px;

  margin-left: auto;
  margin-right: auto;

}

a
{
	  font-family: teleb;
	  text-align: right;
	  font-size: 200%;
	  color: #b81515;
	  position: relative;

}

h1
{
	  font-family: tele;
	  text-align: center;
	  font-size: 12%;
	  color: #b81515;

}

h2
{
	  font-family: telelight;
	  text-align: center;
	  font-size: 10%;
	  color: #b81515;

}
h3
{
	  font-family: teleb;
	  text-align: center;
	  font-size: 9%;
	  color: #b81515;
	  padding-bottom: 10%;

}

#event
{	
	text-align: center;
	  padding-top: 35%;

}

#head
{

	  font-family: telelight;
	  font-size: 20%;
	  color: #b81515;
	  text-align:center;


}
* {
  box-sizing: border-box;
}


/* Clearfix (clear floats) */
.row {
  display: -ms-flexbox; /* IE 10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE 10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

@media (min-width: 600px) and (orientation:landscape) {
html, body
{
	height: 100%;


}


*
{
    margin: 0;
    padding: 0;



}

html, body, .Container
{
    height: 100%;




}

    .Container:before
    {
        content: '';
        height: 100%;
        float: left;
    }

.Header
{
    margin-bottom: 10px;
    background-color: #6ea364;
}
.Content
{
    position: relative;
    z-index: 1;

}
    .Content:after
    {
        content: '';
        clear: both;
        display: block;
    }

.Wrapper
{
    position: absolute;
    width: 100%;
    height: 100%;

}
    .Wrapper > div
    {
        height: 100%;
    }

.RightContent
{
    overflow: scroll;
	-ms-overflow-style: none;  /* IE and Edge */
  	scrollbar-width: none; 
    height: 10%;
}
	.RightContent::-webkit-scrollbar {
	    display: none;
	}

.LeftContent
{
    float: left;
    margin-right: 0.2%;
    width: 40%;
}

.Header1
{

  text-shadow:     	 1px 1px 0 hsl(20,100%,60%),
	                 2px 2px 0 hsl(20,100%,75%),
	                 3px 3px 0 hsl(20,100%,70%),
	                 4px 4px 0 hsl(20,100%,66%),
	                 5px 5px 0 hsl(20,100%,64%),
	                 6px 6px 0 hsl(10,100%,62%),
	                 7px 7px 0 hsl(12,100%,61%),
	                 8px 8px 0 hsl(14,100%,60%),
	                 9px 9px 0 hsl(15,100%,70%),
	                 10px 10px 0 hsl(17,100%,75%),
	                 11px 11px 0 hsl(20,100%,70%),
	                 12px 12px 0 hsl(25,100%,66%),
	                 13px 13px 0 hsl(30,100%,64%),
	                 14px 14px 0 hsl(40,100%,62%),
	                 15px 15px 0 hsl(50,100%,61%),
	                 16px 16px 0 hsl(60,100%,60%);
	

	  font-family: teleb;
	  font-size: 9.09vw;
	  text-align: right;
	  color: #ff9595;

}

.Header2
{
	  font-family: telelight;
	  font-size: 1.4vw;
	  text-align: right;

}

.Header1Right
{
	  font-family: teleb;
	  font-size: 300%;
	  text-align: right;
	  color: #b81515;

}
.showImage img {
	object-fit: cover;
    flex-shrink: 0;
    min-width: 100%;
    min-height: 100%
}
.showImage
{
	width: 30%;
	object-fit: cover;
    justify-content: center;
    align-items: center;
    overflow: hidden;
  margin-left: auto;
  margin-right: auto;

}

a
{
	  font-family: teleb;
	  text-align: right;
	  color: #b81515;

}

h1
{
	  font-family: tele;
	  text-align: center;
	  font-size: 12%;
	  color: #b81515;

}

h2
{
	  font-family: telelight;
	  text-align: center;
	  font-size: 10%;
	  color: #b81515;

}
h3
{
	  font-family: teleb;
	  text-align: center;
	  font-size: 9%;
	  color: #b81515;
	  padding-bottom: 10%;

}

#event
{	
	text-align: center;
	padding-top: 10%;

}

#head
{

	  font-family: telelight;
	  font-size: 20%;
	  text-align: right;
	  color: #b81515;
	  text-align:center;
	  position: static;


}
* {
  box-sizing: border-box;
}

.column {
  float: left;
  flex: 100%;
  max-width: 100%;

  padding: 5px;
}

/* Clearfix (clear floats) */
.row {
  display: -ms-flexbox; /* IE 10 */
  display: flex;
  -ms-flex-wrap: wrap; /* IE 10 */
  flex-wrap: wrap;
  padding: 0 4px;
}

}