@charset "UTF-8";
/* CSS Document */


.section
{
	margin: 3.5em 0;
	width: 100%;
	color: rgba(255,255,255,1.00);
	/*text outline code*/
	text-shadow: -.75px 0 black, 0 .75px black, .75px 0 black, 0 -.75px black;
}

.column
{
	width: 45%;
	margin: .25em .5em;
	background:rgba(60,60,60,1.00);
	box-shadow: 0 0 .75em rgba(10,10,10,1.00);
}



/*********************************************************************/
/****************************firstWidget*******************************/
.widgetImage
{}

.contentContainer
{
	border: solid thin;
}

.widgetContent
{
	font-size: .75em;
	margin-top: -.35em;
	padding: 1em;
	border-top: solid thin;
}


/*********************************************************************/
/**********************************************************************/



/*********************************************************************/
/*****************************************************************/






/*********************************************************************/
/****************************************************/




/**************************Responsive design****************************/
/*The primary layout is for a small smart phone like the iphone SE - then to a standard sized smart phone like the iphone X*/

@media only screen and (orientation: landscape)
	/*for landscape orientation of the primary layout*/
{
	
}

@media only screen and (min-width: 600px) 
	/* For tablets: */
{
	
}
	
@media only screen and (min-width: 600px)and (orientation: landscape)
	/* landscape orientation for tablet*/
{

}
	
@media only screen and (min-width: 900px) 
	/*small laptops*/
	
{
	
}

@media only screen and (min-width: 1200px) 
{
	
	.column
	{
		width: 15%;
	}
	
}