@charset "UTF-8";
/* CSS Document */
#publications {  background-image: url('../img/publications_2.svg'); }	
div#preload { display: none; }
.half { 
	width: 50%;
	height: 50vw;
	max-height: 595px; 
	box-sizing: border-box;	 
	display: inline-block; 
	text-align: center;
	position: relative;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
	background-color: white; 
	border-right: 8px solid white; 
	border-left: 8px solid white; 
	
	-webkit-transition: background-image 0.8s ease-in-out;
	transition: background-image 0.8s ease-in-out;
	
	}	
.half div { 
	text-align: left; 
	position: relative; 
	top: auto;
	font-size: 15px;
	margin:0;
	}
.half div.dots { 
	text-align: center; 
	position: absolute; 
	top:auto;
	bottom:20px;
	left:50%;
	font-size: 17px;
	margin:0 0 0 -45px;;
	width: 90px; 
	}	
.half div.dots a, 
.half div.dots a:link, 
.half div.dots a:visited, 
.half div.dots a:active, 
.half div.dots a:hover { 
    margin: 0 3px;  
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: white;
	color: transparent;
}
.half div.dots a.active { color: white; }	
.half div p { font-size: 15px;}	
.carousel { 
		border-left: 0;
		border-right: 15px solid white;
	font-size: 0;
	}
.half div.product-description { 
		position: absolute; 
		top: 50%;
		font-size: 15px;
		margin: -150px 0 0 15%;
		max-width: 360px;
	}
.product-description img { 
	height:22px; 
	vertical-align: bottom;
	margin: 5px 0 0 0;
	}	
form { display: inline-block; height: 70px; }	
input.qty { width: 60px; margin: 0 0 10px 10px; font-size: 15px; }	
input[type="submit"] {padding: 9px 0 10px; max-width: 114px;}
h1 {
	font-size: 20px;
	font-weight: normal;
	margin: 0;
	max-width: 340px;
}
h2 {
	color: #4072f0;
	font-size: 15px;
	margin: 0;	
	}
h2 span {	
	font-size: 24px;
}	

	
@media only screen and (max-width: 749px) { 	
	.half { float: none;  width: 100%; height: 100vw; display: block; text-align: center;}
	.half div.product-description { position: relative; margin: 0 auto; top:15px;}
	.half {max-height: none; }
}