@font-face
{
font-family: "Font3";
src: url("../fonts/Roboto-Medium.ttf") format("truetype");
}

footer
{
display: flex;
justify-content: end;
align-items: center;
}

#middle
{
display: flex;
flex-wrap: wrap;
background-color: var(--color5-rgba);
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: var(--color1-rgba) var(--color6-rgba);
}

.startRub
{
display: flex;
box-sizing: border-box;
border: 1px solid var(--color6);
}

.newsImg
{
display: block;
}

.rubContent
{
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
background-color: var(--color5-rgba);
color: var(--color5);
font-family: "Font2";
text-shadow: 0px 0px 5px var(--color1);
text-align: center;	
}

.news
{
background-image: url('../../tmp/news.jpg');
}

.motos
{
background-image: url('../../tmp/motos.jpg');
}
		
.occasions
{
background-image: url('../../tmp/occasions.jpg');
}

.boutique
{
background-image: url('../../tmp/boutique.jpg');
}

.accessoires
{
background-image: url('../../tmp/accessoires.jpg');
}

	/*vertical*/
	@media screen and (orientation: portrait)
	{
		#middle
		{
		width: 98vw;
		height: 73vh;
		justify-content: center;
		}
		
		footer
		{
		width: 98vw;
		height: 3vh;
		}
		
		.footerText
		{
		color: var(--color4);
		font-family: "Font3";
		font-size: 2vw;
		}
		
		.startRub
		{
		width: 94vw;
		height: 20vh;
		margin-top: 1vh;
		justify-content: space-around;
		align-items: center;
		}
		
		.rubContent
		{
		width: 92vw;
		height: 18vh;
		font-size: 5vh;
		}	
	}
	
	/*horizontal*/
	@media screen and (orientation: landscape)
	{
		#middle
		{
		width: 78vw;
		height: 92vh;
		}
		
		footer
		{
		width: 98vw;
		height: 5vh;
		}
		
		.footerText
		{
		color: var(--color4);
		font-family: "Font3";
		font-size: 2vh;
		}
		
		.startRub
		{
		width: 76vw;
		height: 45vh;
		margin-top: 1vh;
		justify-content: center;
		align-items: center;
		}
		
		.rubContent
		{
		width: 74vw;
		height: 43vh;
		font-size: 5vw;
		}
			
	}