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




@media screen and (max-width:800px)
{
	
	
	#content
	{
	width:50%;
	font-size:20px;	
	}
	.sticky{
		width:100%;
	font-size:30px;	
	}
	.sketches
	{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 20px auto 20px auto;
	}
	.sketches img
	{
		width:25%;
	}
	h1
	{
		font-size:40px
	}
	.linear
	{
	background:linear-gradient(darkred, tomato, yellow);
	padding:5px;
	width:50%;
	text-align:left;
	}
	.margin
	{
		display:block;
		width:25%;
	}
	.sketches
	{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 20px auto 20px auto;
	}
	.sketches img
{
	width:25%;
}
	.sketches
	{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 20px auto 20px auto;
	}
	.sketches img
{
	width:50%;
}
	.item
	{
		border:4px solid darkblue;
  		background-color:white;
  		color:darkblue;
  		padding:1px;
  		margin:10px;
		flex-basis:300px;
	}
	.sketches
	{
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
		margin: 20px auto 20px auto;
	}
	.sketches img
{
	width:25%;
} 
	.column {
    flex: 50%;
    max-width: 50%;
  }
	.container2{
		grid-template-columns: auto auto auto;
	}
}


   @media (max-width: 600px) {
  .column {
    flex: 100%;
    max-width: 100%;
  }
  .container2{
	grid-template-columns: auto auto;	   
	   }
	
	}