html {
 -webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
 /*
 -moz-text-size-adjust:none;
 -ms-text-size-adjust:100%;*/
  height:100%;
}

.cen{
 float:center;
 width:90%;
 margin:auto;
 text-align: center;
}

.poz{
 padding-bottom:15px;
}

.closeabstract{
 float:right;
 text-align:right;
 margin-top:0px;
 padding-top:0px;
 padding-right: 5px;
}

.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));
		  */
}

body {
  width:98%;
  margin:0px;
  padding:0px;
  text-align: justify;
  font-family: Myriad Pro, Helvetica, Arial, sans-serif;
  font-size:16px;
  background-color:#e6f1f1;
  /*background-color: #fae8d2;*/
  background-color:#519bbe;
}

#canvas { 
  position:relative;
  /*display: block;*/
  min-width:400px;
  max-width:950px;
  width:95%;
  height:auto;
  margin:auto auto;
  margin-top:5px;
  background-color:#F7F6F2;
  background-color: #fae8d2;
  border:1px solid #b4b4b4;
  padding-left:0px;
  padding-right:0px;
  padding-top:5px;
  padding-bottom:15px;
 /* padding:10px 10px 10px 20px;*/
  font-size:14px !important;
}

#canvas h3{
 font-size:16px !important;
 margin-bottom: 4px !important;
 margin-left:20px !important;
 margin-right:15px !important;
 text-align: justify;
 /*text-shadow: #007474 0px 0px 1px;*/
}

#canvas .bottom2{
 font-size:14px !important;
}

.linemenu {
  width:100%;
  text-align:center;
  /*green margins*/
  margin-top:10px;
  padding-top:3px;
  padding-bottom:1px;
  /*
  margin-left:0px;
  margin-right:0px;*/
  margin-left:auto;
  margin-right:auto;
  padding-left:0px;
  padding-right:0px;
  background-color:#007474;/*Skobelof*/
  background-color: #fae8d2;
  background-color:#519bbe;
  line-height:35px;
}

div.bottom2{
 margin: 1em 1em 1em 1em;
	padding: 0em 0em 0em 0em;
 margin:0px 5px;
 padding:0px 20px 5px 20px;
	letter-spacing: 0.02em;
 font-size:14px !important;
	/*color: ivory;*/
	/*font-weight: bold;*/
	text-align: justify;
	/*text-shadow: #000 1px 1px 3px;*/
	/*font-size: 110%;	*/
}

/* this sets the color of the links in the registration section */
div.bottom2 a:link {color: #519bbe; font-size:  110%;}
div.bottom2 a:visited {color: #519bbe; font-size:  110%;}


p {
  font-size: 16px;
  line-height: 120%;
  padding: 5px;
}

a {
  /* links outside menu */
  font-size: 16px;
  font-weight:bold;
  text-decoration:none;
  color:#007474;/*Skobelof*/
  color:#1c738a;
}
a img { 
   border:none;
}
a:hover {
  text-decoration:underline;
  color:#EC6969;
  cursor:pointer;
}

#section{
 padding-left:3px;
 padding-right:3px;
}


@media (min-width: 600px) {
 #canvas h3{
 font-size:16px !important;
 margin-bottom: 4px !important;
 margin-left:20px !important;
 margin-right:10px !important;
 }

 #canvas .bottom2{
  font-size:14px !important;
 }
}

@media screen and (max-width: 525px) {
	 .piclayout{
			height:93px;
		}
  .closeabstract{
   padding-right: 10px;
  }
  .body{
   width: 97%;
  }
}
@media screen and (min-width: 525px) and (max-width: 660px){
	 .piclayout{
			height:140px;
		}
}
@media screen and (min-width: 750px) and (max-width: 1000px){
			.piclayout{
					height:190px;
				}
}
@media screen and (min-width: 1000px) and (max-width: 1500px){
		.piclayout{
					height:225px;
					height: 17.5vw;
				}
}
@media screen and (min-width: 1500px){
		.piclayout{
					height:240px;
					height: 17.6vw;
				}

}

/*
@media screen and (max-width: 525px) {
}

@media screen and (min-width: 900px){
}

@media screen and (min-width: 525px) and (max-width: 660px){
  #canvas h3{
 font-size:14px !important;
 /*text-shadow: #007474 0px 0px 1px;*/
/* 
}
}

@media screen and (min-width: 660px) and (max-width: 900px){
     #canvas h3{
 font-size:14px !important;
 /*text-shadow: #007474 0px 0px 1px;*/
 /*
}
}*/