/* 
 Theme Name: Leo
 Theme URI: http://krm-online.pl
 Author: Maciej Strzeliński
 Author URI: http://krm-online.pl

 Version: 1.0 
 */

/*newsmodule - 3 duże zajawki*/

.mainpagenewswrap	{	position: relative;
						float: left;
						width: 80vw;
						padding: 10vh 10vw;
						height: 100%;
						min-height: 50vh;
						background: #fafafa;
						font-family: 'open sans';	
						color: #095D99;
					
				 }

			
					
						
						
.tytul_newsa		{	color: 	#095D99;
						font-size: 4vmin;
						font-weight: 700;
						height: 8vh;
						overflow:hidden;
						margin: 5% 0 0 0;
						text-align: left;
						}



.mainfoto	{	position: relative;
				float: left;
				width: 100%;
				height: auto;
				display:flex;
				justify-content:center;
				align-items:center;
			}
				
				
			


.duzy_tytul		{		color: 	#095D99;
						font-size: 6vmin;
						font-weight: 800;
						text-align: center;
						margin: 5vh 0 5vh 0;
						text-transform: uppercase;
						}



.duzatresc									{	position: relative;
												color: #031430;
												font-size: 2vmin;
												font-weight: auto;
												width: 100%;
												height: auto;
												overflow:hidden;
												line-height: 150%;
												text-align: left;	}
												
.m1			{	margin: 5% 10% 0 10%;	}
.m2			{	margin: 0 10% 5% 10%;	}												
												
												
.miniatura	{	
				position: relative;	
				float: left;
				width: 80%;
				height: auto;
				padding: 2% 0;
				border-top: 1px dotted silver;
				border-bottom: 1px dotted silver;
				font-family: 'Trebuchet ms';}

.miniatura	img {	position: relative;
					height: 150px;
				width: calc((100% - 80px) / 4);
				object-fit: cover;
				float: left;
				margin: 5px;
				padding: 5px;
				opacity: 0.7;
				font-family: 'Trebuchet ms';

filter: grey;}		


.miniatura	img:hover { opacity: 1;
						filter: none;}													

			

@media all and (max-width: 1000px) and (min-width: 120px) {

.duzatresc	{	font-size: 3.8vmin;
				text-align: left;}		
.duzy_tytul		{	text-align: left; }		

.mainfoto img	{	object-fit: contain;
					max-width: 80vw;
			}
				
.miniatura	img { width: calc((100% - 40px) / 2); }		

}