/* remotefilename=/style/Home.css
 *
 *	Copyright © 2025 by L5 Condos.  All rights reserved.
 *
 *	$Id: /style/Home.css,v $
 */
/**
*	Responsive layout styling for the Home page
*
*	Author:			Fred Koschara
*	Creation Date:	July thirteenth, 2025
*	Last Modified:	July 15, 2025 @ 10:44 am
*
*	Revision History:
*	   Date		  by		Description
*	2025/07/15	wfredk	change file to UTF-8 encoding
*	2025/07/13	wfredk	original development
*/

.keepLeft
{	box-sizing:border-box;
	flex-grow:1;
	padding-right:1em;
}
.keepRight
{	box-sizing:border-box;
	flex-shrink:0;
	width:320px;
}
.keepRight img, .layoutPocket img
{	display:block;
	height:auto;
	max-width:100%;
	width:100%;
}
.layoutPocket
{	width:100%;
}
.page-layout
{	display:flex;
	flex-wrap:nowrap;
}

/* Medium screens:images take 1/3 width */
@media (max-width:768px) and (min-width:401px)
{	.keepLeft
	{	flex:2 1 66.66%;
		padding-right:1em;
	}
	.keepRight
	{	flex:1 1 33.33%;
		max-width:320px;
		width:auto;
	}
}

/* Very small screens:stack images above text */
@media (max-width:400px)
{	.page-layout
	{	flex-direction:column;
	}
	.keepLeft, .keepRight
	{	padding-right:0;
		width:100%;
	}
	.keepLeft
	{	order:2;
	}
	.keepRight
	{	order:1;
	}
}

/* EOF: Home.css */