/* search menu */
.MenuSearchWrapper {
	display: block;
	overflow: hidden;
	width: 100%;
}
.mswShow {
	height: auto;
	padding: 10px 25px 10px 25px;
}
.mswHide {
	height: 0px;
	padding:0px;
}
.MenuSearchGrid {
	display: grid;
	grid-gap: 20px;
	background-color: white;
	height: auto;
	width: auto;
	grid-template-columns: 1fr;
	padding: 10px 20px 15px 20px;
	border: solid;
	border-width: thin;
	border-radius: 2px;
	border-color: lightgrey;
}
.MenuSearchItem {
	color: white;
	text-align: left;
	padding: 5px;
	height: auto;
}


/* Flex grid for pages*/
.FlexWrapperThing {
	display: normal;
	overflow: visible;
	padding-top: 10px;
	height: auto;
	width: auto;
}
.FlexGridThing {
	display: grid;
	grid-gap: 10px;
	background-color: white;
	padding: 10px;
	height: auto;
	width: auto;
	grid-template-columns: 1fr;
}
.FlexSingleItem {
	color: white;
	text-align: center;
	padding: 0px;
	height: auto;
	background: no-repeat center center fixed;
	border-radius: 3px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.FlexDoubleItem {
	color: white;
	text-align: center;
	padding: 0px;
	grid-column: span 1;
	height: auto;
	background: no-repeat center center fixed;
	border-radius: 3px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.FlexBack00 {
	background-image: url("../../images/backgrounds/00.png");
}
.FlexBack01 {
	background-image: url("../../images/backgrounds/01.png");
}
.FlexBack02 {
	background-image: url("../../images/backgrounds/02.png");
}
.FlexBack03 {
	background-image: url("../../images/backgrounds/03.png");
}
.FlexBack04 {
	background-image: url("../../images/backgrounds/04.png");
}
.FlexBack05 {
	background-image: url("../../images/backgrounds/05.png");
}
.FlexBack06 {
	background-image: url("../../images/backgrounds/06.png");
}
.FlexContentWrapper {
	display: block;
	padding: 20px;
}

/* Flex grid for search results*/
.SearchResultGrid {
	display: grid;
	grid-gap: 10px;
	background-color: white;
	padding: 10px;
	height: auto;
	width: auto;
	grid-template-columns: 1fr;
}
.SearchResultItem {
	padding: 20px;
	background: white;
	color: black;
	padding: 0px;
	margin-bottom: 15px;
	text-align: left;
	vertical-align: middle;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 5px 10px 5px #888888;
	border-width: thin;
	border-style: solid;
	border-color: black;
	height: 120px;
}
.SearchContentWrapper {
	display: block;
	padding: 0px;
}
/* search results */
.myImage {
	float: left;
	height: 118px;
	width: 150px;
	border-radius: 10px 0px 0px 10px;
	margin-right: 10px;
}
.myImageText {
	font-size: .9em;
	margin-right: 5px;
	padding-right: 5px;
	overflow-wrap: normal;
	text-decoration: none;
	color: black;
}
.table-wrapper {
	padding: 10px;
	display: flex;
}


/* Tablet menu */
@media all and (min-width: 700px) {
	/*nav menu*/
	.menu {
		justify-content: center;
	}
	.logo {
		flex: 1;
	}
	.item.button {
		width: auto;
		order: 1;
		display: block;
	}
	.toggle {
		flex: 1;
		text-align: right;
		order: 2;
	}
	/* Button up from tablet screen */
	.menu li.button a {
		padding: 10px 15px;
		margin: 5px 0;
	}
	.button a {
		background: transparent;
		border: 1px #0080ff solid;
	}
	.button.secondary {
		border: 0;
	}
		.button.secondary a {
			background: transparent;
			border: 1px #0080ff solid;
		}
	.button a:hover {
		text-decoration: none;
	}
	.button:not(.secondary) a:hover {
		background: royalblue;
		border-color: darkblue;
	}
	.MenuSearchGrid {
		grid-template-columns: 1fr 1fr;
	}
	/*search results*/
	.SearchResultGrid {
		grid-template-columns: 1fr 1fr;
	}
	/*footer*/
	.FooterGrid {
		grid-template-columns: 1fr 1fr;
	}
}

/* Desktop menu */
@media all and (min-width: 960px) {
	/*nav menu*/
	.menu {
		align-items: flex-start;
		flex-wrap: nowrap;
		background: none;
	}
	.logo {
		order: 0;
	}
	.item {
		order: 1;
		position: relative;
		display: block;
		width: auto;
		border: 0px;
	}
	.subitem {
		border: 0px;
	}
	.button {
		order: 2;
	}
	.submenu-active .submenu {
		display: block;
		position: absolute;
		left: 0;
		top: 68px;
		background: #111;
	}
	.toggle {
		display: none;
	}
	.submenu-active {
		border-radius: 0;
	}
	/*content display*/
	.myBlockLink {
		color: black;
	}
		.FlexGridThing {
		grid-template-columns: 1fr 1fr;
	}
	.FlexSingleItem {
	}
	.FlexDoubleItem {
		grid-column: span 2;
	}
	/*search results*/
	.SearchResultItem {
		grid-template-columns: 1fr 1fr;
	}
	.MenuSearchGrid {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	/* table stuff */
	.table-wrapper {
		padding-left: 20px;
		padding-right: 20px;
		width: 960px;
		display: flex;
	}
	/*footer*/
	.FooterGrid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}

/*   pc big browser*/
@media all and (min-width: 1200px) {
	/*content display*/
	.FlexGridThing {
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	.FlexDoubleItem {
		grid-column: span 4;
	}
	/*search results */
	.SearchResultGrid {
		grid-template-columns: 1fr 1fr 1fr;
	}
}