#ask-a-librarian .row {margin-left: -2%;font-family: 'EB Garamond';padding-bottom: 2%;}
#ask-a-librarian .thumbnail {height: 8em;}
#ask-a-librarian .row div:nth-child(n+2) {margin-left: 2%;}
#ask-a-librarian .row div { 
  border-radius: 15px;
  padding: 3.5%;
  }
#ask-a-librarian div img {height: 30%; margin-top: 12%;}
#ask-a-librarian p.h2 {color: #fff;line-height: 1.125em;}
#chat {background-color: #31B8A7;}
#ask-us {background-color: #297FB8;}
#call-us {background-color: #015B51;}
#consult {background-color: #E8B566;}
#roving {background-color:#B13034;}
#email-us {background-color: #0A2E46;}

#ask-us .thumbnail img {height:110%;margin-top:-3%;}
#call-us .thumbnail img {height: 50%; margin-top: 8%;}
#roving .thumbnail img {height: 70%;margin-top: 0;}


.box-descr {
  font-family: 'EB Garamond';
  font-size: 1.2em;
  font-weight: 200;
  line-height: 1.2em;
  color: #fff;
  margin-top: -1.1em;
}

#cover{ 
  position: fixed;
  top: 8em;
  right: 1%;
  background: rgba(29, 204, 211, 0);
  z-index: 5;
  width: 220px;
  height: 310px;
  display: none;
  border-radius: 10px;
  } 

#chatScreen { 
	height:275px; 
	width:190px; 
	margin:0 auto; 
	position:fixed; 
	z-index:10; 
	display:none; 
	background-color:#fff; 
	border:5px solid #cccccc; 
	border-radius:10px;
	top: 15em;
	right: 5%;
	} 

#chatScreen:target, #chatScreen:target + #cover { 
	display:block; 
	opacity:2; 
	} 
	
.cancel { 
	display:block; 
	position:absolute; 
	top:1px; 
	right:22px; 
	/*background:rgb(245,245,245); */
	color:black; 
	height:30px; 
	width:35px; 
	font-size:30px; 
	text-decoration:none; 
	text-align:center; 
	font-weight:bold; 
	} 
	
.customqwidget	{height: 300px;}  

/* Open Framework Media Queries ***************** **/

/* Small desktop */
@media (min-width: 980px) and (max-width: 1199px) { 
	#ask-a-librarian .thumbnail {height: 5em;}
	#ask-a-librarian div img {height: 30%; margin-top: 12%;}
	#ask-a-librarian p.h2 {font-size:1.5em;}
	.box-descr {font-size: 0.85em;}	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	#ask-a-librarian .thumbnail {height: 5em;}
	#ask-a-librarian div img {height: 40%; margin-top: 12%;margin-left:-12%;}
	#ask-a-librarian p.h2 {font-size:120%;}
	.box-descr {font-size: 65%;}
}

/* Landscape phones and smaller */
@media (max-width: 480px) { 
	#ask-a-librarian div img {height: 30%; margin: -9% 0% 12%;padding-top: 1%;}
	#ask-a-librarian .thumbnail {padding-bottom: 0%}
	#ask-a-librarian p.h2 {font-size:95%;text-align: center;}
	.box-descr {font-size: .60%; text-align: center;}
	#ask-us .thumbnail img {height: 65%;margin: -25% 40% -10%;}
	#chat .thumbnail img {padding-left: 30%;}
	#call-us .thumbnail img {height: 35%;margin-top: -20%;padding-left: 40%;}
	#consult .thumbnail img {padding-left:22%;}
	#roving .thumbnail img {height: 45%;margin-top: -20%;padding-left: 40%;margin-bottom:-2%;}
	#email-us .thumbnail img {  height: 25%;padding-left: 35%;padding-right: 25%;}
}

/* Portrait phones and smaller */
@media (max-width: 320px) {
	#ask-a-librarian .thumbnail {height: 6.5em;}
	#ask-a-librarian div img {height:25%; margin: -9% 0% 12%;padding-top: 15%;}
	#ask-a-librarian .thumbnail {height: 6em;padding: 1%}
	#ask-a-librarian p.h2 {font-size:90%;text-align: center;}
	.box-descr {font-size: 50%; text-align: center;}
	#consult .thumbnail img {padding-left:12.5%;height:25%;}
	#roving .thumbnail img {height: 40%;margin-top: -20%;padding-left: 40%;margin-bottom:-2%;}
}