/*  PRESS PAGE  ============================================================================= */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500&display=swap');


.press .container 	{position:relative; margin:0 auto; width:100%; background-color:#fff; padding:30px; border: 1px solid #eee;
-webkit-box-shadow: 2px 2px 2px 0px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
-moz-box-shadow:    2px 2px 2px 0px #ccc;  /* Firefox 3.5 - 3.6 */
box-shadow:         2px 2px 2px 0px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */}}

.press h1 			{font-family: 'Montserrat', sans-serif; font-size:30px; font-weight:300;color:#666; text-shadow:1px 1px 1px #fff; margin-top:0px; text-align:left;}

.press hr 			{margin:-10px 0 30px 0; border: 0; border-top: 1px solid #eeeeee;}

.box 				{float:left; width:100%; font-size:15px; font-family: 'Lustria', serif; color:#555; }
.title    			{color:#000;}
.title:hover 		{color:#30B4C5; -webkit-transition:all 0.4s ease; transition:all 0.4s ease;}
a:hover				{text-decoration:none;}

.grid .list-item 		{width:25%; overflow:hidden; margin:12px 0;}
.list .img img 			{max-width:90%} 
.grid .list-item .title {width:100%; text-align:center; margin-top:10px; line-height:1.5em; }

.grid .list-item .img 	{width:100%; text-align:center}
.press-image img 		{width:100%}

#videoContainer 		{position: relative;}
video, canvas 			{top:0; left:0; width:100%; max-width:100%; height:auto;}
video 					{height:100%; position:absolute;}

@media only screen and (max-width: 768px){ 
.box			  	{font-size:11px;} 
.press .container 	{padding:10px;} 
.press hr 			{margin:-10px 0 20px 0;}
}

@media only screen and (max-width: 650px){ 
.grid .list-item	{width:33%;} 
}

@media only screen and (max-width: 550px){
.grid .list-item	{width:50%;} 
.box				{font-size:9px;}
.press h1 			{font-size:20px;}
.press hr 			{margin:-10px 0 10px 0;}
}