@media ( orientation : landscape) {
	.tag {
		display: inline-flex;
		margin: 0.5em;
		box-shadow: 0.2vh 0.2vh 0.5vh #DDDDDD;
		flex-flow: wrap;
		flex-wrap: wrap;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
	}
	.tag img {
		display: block;
		position: relative;
		object-fit: contain;
	}
	.tag label {
		display: block;
		position: relative;
		width: auto;
		font-family: OpenSans-Regular, Arial;
	}
	
	.tagmid{
		height: 1.6em;
		width: auto;
		padding: 0.2em;
		border-radius: 1em;
	}
	
	.tagsmall{
		height: 1.2em;
		width: auto;
		padding: 0.2em;
		border-radius: 0.7em;
	}
	
	.tagmid img, svg, image{
		width: 1.2em;
		height: 1.2em;
		object-fit: contain;
		margin: 0.2em;
	}
	
	
	.tagmid label {
		line-height: 0.9em;
		height: 0.9em;
		font-size: 0.9em;
		margin: 0.6em;
	}
	
	.tagsmall img, svg, image{
		width: 0.9em;
		height: 0.9em;
		object-fit: contain;
		margin: 0.15em;
	}
	
	
	.tagsmall label {
		line-height: 0.8em;
		height: 0.8em;
		font-size: 0.8em;
		margin: 0.2em;
	}
	
	.button {
		display: inline-flex;
		margin: 0.5em;
		flex-flow: wrap;
		flex-wrap: wrap;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
    	opacity: 0.8;
	}
	.button:hover{
		opacity: 1;
	}
	.button img {
		display: block;
		position: relative;
		object-fit: contain;
	}
	.button label {
		display: block;
		position: relative;
		width: auto;
		font-family: OpenSans-Regular, Arial;
	}
	
	.buttonmid{
		height: 2.7em;
		width: auto;
		border-radius: 0.5em;
	}
	
	.buttonsmall{
		height: 1.8em;
		width: auto;
		border-radius: 0.4em;
	}
	
	
	.buttonmid img, svg, image{
		width: 1.8em;
		height: 1.8em;
		object-fit: contain;
		margin: 0.4em;
	}
	
	.buttonmid label {
		line-height: 2em;
		height: 2em;
		font-size: 1.2em;
		margin: 0.4em;
	}
	
	.buttonsmall img, svg, image {
		width: 1.4em;
		height: 1.4em;
		object-fit: contain;
		margin: 0.3em;
	}
	
	.buttonsmall label {
		line-height: 1.4em;
		height: 1.4em;
		font-size: 0.9em;
		margin: 0.3em;
	}
	
	
	.roundbutton {
		display: inline-flex;
		margin: 0.5em;
		box-shadow: 0.2vh 0.2vh 0.5vh #DDDDDD;
		flex-flow: wrap;
		flex-wrap: wrap;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
    	opacity: 0.9;
	}
	.roundbutton:hover{
		opacity: 1;
	}
	.roundbutton img {
		display: block;
		position: relative;
		object-fit: contain;
	}
	
	.roundbuttonmid{
		width: 4em;
		height: 4em;
		border-radius: 2em;
	}
	.roundbuttonmid img, svg, image{
		width: 3em;
		height: 3em;
		object-fit: contain;
		margin: 0.5em;
	}
	
	.roundbuttonsmall{
		width: 2.5em;
		height: 2.5em;
		border-radius: 1.25em;
	}
	.roundbuttonsmall img, svg, image{
		width: 1.5em;
		height: 1.5em;
		object-fit: contain;
		margin: 0.5em;
	}
	
	.squarebutton {
		display: inline-flex;
		margin: 0.5em;
		flex-flow: wrap;
		flex-wrap: wrap;
    	justify-content: center;
    	align-items: center;
    	align-content: center;
    	opacity: 0.9;
	}
	.squarebutton:hover{
		opacity: 1;
	}
	.squarebutton img {
		display: block;
		position: relative;
		object-fit: contain;
	}
	
	.squarebuttonmid{
		width: 4em;
		height: 4em;
		border-radius: 0.3em;
	}
	.squarebuttonmid img, svg, image{
		width: 3em;
		height: 3em;
		object-fit: contain;
		margin: 0.5em;
	}
	
	.squarebuttonsmall{
		width: 3em;
		height: 3em;
		border-radius: 0.3em;
	}
	.squarebuttonsmall img, svg, image{
		width: 2em;
		height: 2em;
		object-fit: contain;
		margin: 0.3em;
	}
}

@media ( orientation : portrait) {
	.button {
		
	}
	
}