body {
	 /*background: radial-gradient(#FCFBE3, #FCFBE3,#FAE7B5);*/
		background-color: #FCFBE3; /*scott #FBEC5D*/
		background-color: #f2e9db; /*darker duller cream */
		background-color: #f9e6d0; /*pinkish cream */
		background-color: #fae8d2; /*brighter pinkish cream */
		background-color: #fff6d6; /*yellow cream */
		background-color: #feeed8; /*yellow pink cream */
		background-color: #f8efd4; /*tamer yellow cream */
		background-color: #fae8d2; /*brighter pinkish cream */
		color: black;
  border-width: 15px;
		border-style: solid;
		/*transparent;*/

		border-color: #fae8d2; /*brighter pinkish cream */
		font-family: 'Gentium Book Basic', serif; /* Gentium */
 }
	
.piclayout {
  width:100%;
  height:180px;
		/*
  max-width:125%;
  min-width:100%;*/
  object-fit:fill;
		/*
		  -webkit-box-reflect: below 0px linear-gradient(to bottom, rgba(0,0,0,0.0), rgba(0,0,0,0.4));
		  */
}

		.poz{
			margin-left:-5px;
			margin-right:-5px;
		}

.logoIM{
	width:100px;
	height: auto;
}	
			.logo{
				width:245px;
				height:auto;
			}
			.logo2{
				width:110px;
				height:auto;
			}
			.logo3{
				width:165px;
				height:auto;
			}

a          {text-decoration: none; font-weight: bold}
a:link     {text-decoration: none; font-weight: bold; color: #0000FF;color:#1c738a;}
a:visited  {text-decoration: none; font-weight: bold; color: #0000FF;color:#519bbe;color:#1c738a;}
a:active   {color: #FE6F5E; color:#519bbe;/*background-color: yellow;*/ text-shadow: none;
                    text-decoration: underline;}
a:hover    {color: #FE6F5E; color:#519bbe;/*background-color: #e6f1f1;*/ text-shadow: none;
                    text-decoration: underline;}

.engtitle{
	display:inline;
}
.romtitle{
	display:none;
}
.schedule1 {
		display: none;
		border-collapse: collapse;
	/*	width: 100%; height: auto;*/
		padding-left:7px;
		padding-right:3px;
		margin-left: -5px;
		margin-right: -5px;
		height: auto;
	}
.schedule2 {
		display: inline;
		border-collapse: collapse;
		/*width: 100%;*/
		padding-left:7px;
		padding-right:3px;
		margin-left: -5px;
		margin-right: -5px;
		height: auto;
	}

.schedule tr{
	height: 0px;
}
.schedule2 td {
	width: 50%;
	vertical-align: top;
 }

/* this list is diplayed on 2 columns */
div.css-list {
	/* replace 3 with 2 in the next 3 lines for a 2-column display */
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2;    /* Firefox */
	column-count: 2;
	
	-moz-column-width:    20em;
	-webkit-column-width: 20em;
	column-width:         20em;
	-moz-column-gap:      1em;
	-webkit-column-gap:   1em;
	column-gap:           1em;
	-webkit-column-span: all; /* Chrome, Safari, Opera */
        column-span: all;
  
	text-align: left;
	break-after: column;
	-moz-column-break-after: always;
	  -moz-column-fill: auto;
  -webkit-column-fill: auto;
  column-fill: auto;
	
	/*color: ivory;*/
	/*text-shadow: #000 0px 0px 2px;*/
	/*font-size:  110%;*/
	/*font-weight: bold;*/
}

.info {
  /*font-style: italic;*/
  font-size:  18px;
  line-height: 115%;
}

.infoh {
 font-weight: bold;
	/*font-style: italic;*/
 font-size:  20px;
}

.speakercol {
	  text-align: left;
	/*
  -moz-column-width:    21em;
  -webkit-column-width: 21em;
  column-width:         21em;
  -moz-column-gap:      1em;
  -webkit-column-gap:   1em;
  column-gap:           1em;
  break-before: column;
  -moz-column-break-before: always;*/
  /*font-style: italic;*/
  /*font-size:  125%;*/
}

.entry {
  position: relative;
		width: 98%;
  margin-top: 0px;
		margin-bottom: 5px;
		margin-left:auto;
		margin-right:auto;
  clear: both;
		/*font-size: 20px;*/
}

.entry h3 {
    color: black;
/*    background: white;
    text-shadow: none;
    text-align: left;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold; */
    /*font-family: 'Tangerine', cursive;*/ /* Pinyon Script */
/*font-weight: normal;*/
/*
  font-size:  200%; 
		font-size: 25px;*/
  
/*    letter-spacing: 0.04em;
  padding: 0.1em 0.2em; */
/*  background: #E0E9F6; */
/*  opacity:.65;filter: alpha(opacity=65); */
  margin: 1em 0 0.4em -1em; /* top bottom right left */
}

.head {
/* padding: 2em 2em 1ex 1ex;  */
 text-align: center;
	padding-left: 0px;
	padding-right:0px;
	margin-left: 0px;
	margin-right:0px;
	font-size: 14px;
}
/*
div.xxvfont {
    font-family: 'Alegreya', serif; 
    font-weight: normal;
}*/
.script {
    font-family: 'Tangerine', cursive; /* Pinyon Script */
				line-height: 100%;
}
.script2 {
	   /*color:#1c738a;*/
    /*font-family: 'Pinyon Script', cursive;*/
				font-weight:200;
				font-family: 'Gentium', cursive;
				font-family: 'Gentium Book Plus', serif;
				font-family: 'Great Vibes', cursive;
				font-family: 'Italianno', cursive;
				
				/*font-family: 'Great Vibes', cursive;*/

}

/*
div.slightscript {
    font-family: 'Gentium Book Basic', serif; /* Gentium */
/*}*/

.head h1 {
  letter-spacing: 0.02em;
  font-weight: bold;
  font-size:  220%; /* was 250*/
 text-shadow: none; /*red 0px 0px 4px;*/
}

.head h2 {
  font-size: 155%; /* was 175 150%*/
  font-weight: bold;
		/*font-style:italic;*/
}

.head h3 {
  font-size: 125%;
  font-weight: normal;
}



div.animation {
		/*color: black;*/
	-webkit-animation: myfirst 40s; /* Chrome, Safari, Opera */
	animation: myfirst 40s;
}
div.animation .engtitle {
}



/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
	0%   {
			display: none;
		}
  3%  {color: red;display: none;}
  10%  {color: gold;}
	15%   {color:blue;}
	25%  {color: gold;}
	30%  {color: red;}
	40%  {color: gold;}
	55%   {color: blue;}
	70%  {color: gold;}
	80%  {color: red;}
}

/* Standard syntax */
@keyframes myfirst {
	0%   {color: black;}
  3%  {color: red;}
  10%  {color: gold;}
	15%   {color:blue;}
	25%  {color: gold;}
	30%  {color: red;}
	40%  {color: gold;}
	55%   {color:blue;}
	70%  {color: gold;}
	80%  {color: red;}
}
/* end of small animation */





@media screen and (max-width: 555px) {
	 .piclayout{
			height:93px;
		}
		.poz{
			margin-left:-7px;
			margin-right:-7px;
		}
		body{
			border-width:20px;
			border-top-width:5px;
			padding-left:0px;
			padding-right:0px;
		}
		.head{
			font-size: 11.5px;
			margin-left:-5px;
			margin-right:-5px;
		}
		/*
	 .entry{
					font-size: 16px;
		 }*/
	 .info {
			font-size: 17px;
		}
	 .infoh {
			font-size: 22px;
		}		
		.speakercol {
			font-size: 17px;
			/*color:red;*/
		}
	 .entry h3 {
    font-size: 22px; 
   }
		.schedule2 {
			display: none;
		 }
		.schedule1 {
			display: inline;
			margin-left: -5px;
			margin-right: -5px;
		 }
}

@media screen and (min-width: 555px) and (max-width: 680px){
	 .piclayout{
			height:140px;
		}
		body{
			border-width:20px;
			border-top-width:10px;
			padding-left:0px;
			padding-right:0px;
		}
		.head{
			font-size: 13px;
			margin-left:-10px;
			margin-right:-10px;
		}
  /*
	 .entry{
					font-size: 16px;
		 }*/
	 .info {
			font-size: 17px;
		}
		.infoh {
			font-size: 25px;
		}
		.speakercol {
			font-size: 18px;
		}
		

			.logo{
				width:245px;
				height:auto;
			}
			.logo2{
				width:110px;
				height:auto;
			}
			.logo3{
				width:165px;
				height:auto;
			}
		/*
   .entry h3 {
    font-size: 25px; 
   }*/

		.schedule2 {
			display: none;
		}
		.schedule1 {
			display: inline;
		}
}

@media screen and (min-width: 680px) and (max-width: 750px){
		body{
			border-width:30px;
			border-top-width:10px;
			padding-left:0px;
			padding-right:0px;
		}
		.poz{
				width: 100%;
				margin-left:0px;
				margin-right:0px;
			}
		.info {
			font-size: 17px;
		}
		.infoh {
			font-size: 27px;
		}
		.speakercol {
			font-size: 18px;
		}
		.entry h3 {
			font-size: 27px;
		}
		
		.head{
			font-size: 14px;
			margin-left:-10px;
			margin-right:-10px;
		}
		.logoIM{
				width:115px;
				height:auto;
			}
			.logo{
				width:260px;
				height:auto;
			}
			.logo2{
				width:140px;
				height:auto;
			}
			.logo3{
				width:200px;
				height:auto;
			}
}

@media screen and (min-width: 750px) and (max-width: 1000px){
			body{
			border-width:35px;
			border-top-width: 10px;
			padding-left:0px;
			padding-right:0px;
		}
			.piclayout{
					height:190px;
				}
			.poz{
				width: 100%;
				margin-left:0px;
				margin-right:0px;
			}
			.entry{
				width:99%;
				margin-left:0px;
				margin-right:0px;
			}
	 .info {
			font-size: 19px;
		}
		.infoh {
			font-size: 28px;
		}
		.speakercol {
			font-size: 19px;
		}
		.entry h3 {
			font-size: 28px;
		}
		.logoIM{
				width:125px;
				height:auto;
			}
			.logo{
				width:260px;
				height:auto;
			}
			.logo2{
				width:140px;
				height:auto;
			}
			.logo3{
				width:200px;
				height:auto;
			}
		.head {
			font-size: 1.8vw;
		}
}

@media screen and (min-width: 1000px) and (max-width: 1500px){
		body{
			border-width:55px;
			border-top-width: 15px;
			padding-left:0px;
			padding-right:0px;
		}
		.piclayout{
					height:225px;
					height: 17.5vw;
				}
			.poz{
			width: 98%;
			margin-left:auto;
			margin-right:auto;
		}
			.logoIM{
				width:130px;
				height:auto;
			}
		.logoIM{
			/*
				width:145px;
				height:auto;*/
				
				height: 10.3vw;
				width:auto;
			}

			.logo{
				width:250px;
				height:auto;
			}
			.logo2{
				width:130px;
				height:auto;
			}
			.logo3{
				width:190px;
				height:auto;
			}
		.head {
			font-size: 1.8vw;
		}
		/*
		.entry{
				font-size:2.5vw;
		}*/
		.entry {
		width:97%;
		margin-left: auto;
		margin-right: auto;
	}

	.schedule2 td{
		padding-left:1%;
	}
		.speakercol{
			font-size: 1.9vw;
		}
		.info {
			font-size: 1.9vw;
		}
		.infoh {
			font-size: 2.7vw;
			/*color: #1c738a;*/
		}
		.entry h3{
				font-size:3vw;
		}
}

@media screen and (min-width: 1500px){
		body{
			border-width:80px;
			border-top-width: 15px;
			padding-left:0px;
			padding-right:0px;
		}
		.piclayout{
					height:240px;
					height: 17.6vw;
				}
			.poz{
			width: 92%;
			margin-left:auto;
			margin-right:auto;
		}
		.head {
			font-size: 1.8vw;
		}
			.entry{
			width: 92%;
			margin-left:auto;
			margin-right:auto;
		}
			.logoIM{
				height: 10vw;
				width:auto;
				/*
				width:160px;
				height:auto;*/
			}
			.logo{
				
				width:260px;
				height:auto;
			}
			.logo2{
				width:140px;
				height:auto;
			}
			.logo3{
				width:200px;
				height:auto;
			}
			.speakercol{
			font-size: 1.9vw;
		}
		.info {
			font-size: 1.9vw;
		}
		.infoh {
			font-size: 2.7vw;
			/*color: #1c738a;*/
		}
		.entry h3{
				font-size:3vw;
		}
}