/**
* CSS
*
* @version 1.0
* @author Vaska
* @author Gregory Cadar
*/



.mySlides{
padding: 10px;
width: 60%;
height: auto;


}
.title{

	  grid-column: span 2;
}
.title-misc {
/*  grid-column: span 12 ;
grid-template-columns: repeat(12, 1fr);*/
grid-gap: var(--main-margin);
display: grid;
grid-column: span 2;
	font-size: 10pt;
	line-height: ;


}

.title-misc div {
  grid-column: span 2;	font-size: 10pt;
}
.imagesection {
	margin: 0 0 2px 0;
	 width: 1200px;


}

}
.imagesectionlab {
	margin: 0 0 2px 0;
	 width: 1200px;


}
.imagesection > img:hover {
	-webkit-transform:scale(3); /* or some other value */
    transform:scale(3);
	display: table-cell;
	margin-left: auto;
	margin-right: auto;


}
img.himages{

	vertical-align: top;
}

.noscroll{
	position: fixed;
right: 1%;
	  padding: 5px 5px 25px 5px;
}
.construction{
	position: fixed;
right: 1%;
bottom: 1%
}

body {
	font-family: Times New Roman;
	font-size: 10pt;
	background: #fff;
	line-height: 1.1;

}



.ital {
	font-family: serif;
 font-style: italic;
	font-size: 10pt;
	background: #fff;
	line-height: 1.1;



}



  }
}
body.section-1 { }
body.section-2 { 	}
body.section-3 { 		}
.font1 {
	font-size: 70px;
	font-family: NF;
	background: #fff;
}



a{font-size: 10pt;  line-height: 1.1;
}

a:link { text-decoration: underline;
}
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: blue; }
 /* or some other value a:hover { font-style: italic;}*/

a img { border: none; }
/* 1em = 10px
#menu {
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: #fff;


}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { }

#content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;
}
*/
.container {
    padding: 2px 2px 2px 2px;
}

#content p {}


.text{

	    margin: 0 0 9px 0;
			 width: 700px; margin-bottom: 9px;

}
.textlab{

	    margin: 0 0 9px 0;
			 width: 1000px; margin-bottom: 9px;

}
.textanno{

	    margin: 6px 0 0px 0;
			 width: 550px; margin-bottom: 9px;
			 position: fixed;
			 left: 62%


}


::selection {

    background: #3390ff;

	    color: white;
	    text-shadow: 1px 1px 1px white, 1px -1px 1px white, -1px 1px 1px white, -1px -1px 1px white;
	}
}
h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

.video{

  position: absolute;
  right: 400px;
  width: 270px;
	top: 50%;

  padding: 20px;

}




#hover1:hover ~ #VARIABLE1 {
    background: #ccc
}
#a:hover ~ #b {
    background: #ccc
}