/*<meta />*/

@import url('../../SourceProjectContent/Resources/Stylesheets/SideFlex.css');
/*
.title-bar-layout a.logo
{
	min-height: 100px;
	background: transparent url(../Images/ControlDesigner/ControlDesigner_logo.svg) no-repeat left center;
	/*the skin uses a png version of this file because the skin editor will not accept an SVG

        or at least the code behind Flare will not copy an SVG to the appropriate output directory on build*/
}

div.tile-content-flexbox {
  flex: 4 1 auto;
  width: 350px;
  min-width: 350px;

}*/

div.home-tiles-flexbox
{
	column-gap: 20px;
	row-gap:10px;
}

div.tile-icon-flexbox
{
	width: 50%;
	min-width: 200px;
	max-width: 300px;
	text-align: left;
}

img.TemplatePage_Logo
{
	width: 160px;
}


/*tablet*/
@media only screen and (max-width: 1279px)
{

	img.TemplatePage_Logo
	{
		width: 140px;
	}
}



/*mobile*/
@media only screen and (max-width: 767px)
{
	div.tile-icon-flexbox
	{
		width: 25%;
  
	}
	
	div.tile-icon-flexbox img
	{
		max-width:200px;
	}

	img.TemplatePage_Logo
	{
		width: 115px;
	}
	h1
	{
		font-size:20pt;
	}
	h2
	{
		font-size: 16pt;
	}
}