.shiptablefield
{
	border: 1px ridge darkgrey;
	padding:4px;
	padding-left:12px;
	padding-right:12px;
	text-align:left;
}

.shipimage
{
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
	border-radius:5px;
	border: 1px ridge #005375;
}

.shipoverviewimage
{
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

.shipoverviewbuttondiv
{
	box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
}

.tabledata {
	border: 1px solid black;
}

@media only screen and (max-width: 1100px) 
{
	.shiptablediv
	{
		float:none;
		width:100%;
	}
	
	.shipimagediv
	{
		float:none;
		margin:0px;
	}
	
	.shipoverviewradiogrid
	{
		display: grid;
		grid-template-columns: repeat(auto-fit, 600px);
	}
	
	.shipoverviewimage
	{
		width:200px;
		border-radius: 10px;
	}
	
	.shipoverviewname
	{
		font-size:large;
		margin-top:20px;
	}
	
	.shipoverviewcat
	{
		font-size:small;
	}
	
	.shipoverviewbutton
	{
		font-size:small;
	}
	
	.shipoverviewbuttondiv
	{
		width:110px;
	}
	
	.shipimage
	{
		width:150px;
	}
	
	.shiptable
	{
		display:none;
	}

	.shipdataresponsive
	{
		display:inline-block;
	}
}

@media only screen and (min-width: 1100.1px) 
{
	.shiptablediv
	{
		float:left;
		width:500px;
	}
	
	.shipimagediv
	{
		float:right;
		margin-right:250px;
	}
	
	.shipoverviewradiogrid
	{
		display: grid;
		grid-template-columns: repeat(auto-fit,170px);
	}
	
	
	.shipoverviewimage
	{
		width:80px;
		border-radius: 5px;
	}
	
		
	.shipoverviewname
	{
		font-size:x-large;
		margin-top:30px;
	}
	
	.shipoverviewcat
	{
		font-size:medium;
	}
	
	.shipoverviewbutton
	{
		font-size:small;
	}
	
	.shipoverviewbuttondiv
	{
		width:140px;
	}
	
	.shipimage
	{
		width:100px;
	}
	
	.shiptable
	{
		display: inline-block;
	}

	.shipdataresponsive
	{
		display:none;
	}
}