@media only screen and (max-width: 1250px) {
	
	.content {
    	padding-left: 5vw;
    	padding-right: 5vw;
		width: 90vw;
	}
	
	.nivo-caption p {
    	font-size: 125%;
	}
	
	.contentwo {
    	padding-left: 5vw;
    	padding-right: 5vw;
		width: 90vw;
	}
	
	.contentri {
    	padding-left: 5vw;
    	padding-right: 5vw;
	}
	
	#foocenter {
    	width: 90vw;
    	left: 5vw;
	}
	
	#logo {
	    left: 5vw;
	}
	
	#leftnavi {
    	right: 5vw !important;
	}
	
	.chooserboxone {
    	width: 20vw;
    	height: 17vw;
	}
	
	.chooserboxtwo {
    	width: 20vw;
    	height: 17vw;
	}
	
	.chooserboxthree {
    	width: 20vw;
    	height: 17vw;
	}
	
	.chooserboxfour {
    	width: 20vw;
    	height: 17vw;
	}
	
	.chooserbox {
    	width: 18vw;
    	height: 15vw;
	}
}


@media only screen and (max-width: 1050px) {
	
	div.pg_thumb {
    	width: 24vw;
    	height: 24vw;
	}
	
	.nivo-caption p {
    	font-size: 100%;
	}
	
	#leftnavi{
		display: none;
	}
	
	#mobilenavi{
		display: unset;
	}
	
	#menuToggle{
		transition: all 0.3s;
		display: block;
	  	position: absolute;
	  	top: 75px;
	  	right: 20px;
	  	z-index: 1;
	  	-webkit-user-select: none;
	  	user-select: none;
	}
	
	.topper.shrink #menuToggle{
		top: 20px;
	}
	
	#menuToggle input
	{
	  display: block;
	  width: 40px;
	  height: 32px;
	  position: absolute;
	  top: -7px;
	  left: -5px;  
	  cursor: pointer;
	  opacity: 0; /* hide this */
	  z-index: 2; /* and place it over the hamburger */
	  -webkit-touch-callout: none;
	}
	
	/*
	 * Just a quick hamburger
	 */
	#menuToggle span
	{
	  display: block;
	  width: 30px;
	  height: 4px;
	  margin-bottom: 4px;
	  position: relative;
	  background: #646363;
	  border-radius: 3px;
	  z-index: 1;
	  transform-origin: 4px 0px;
	  transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	  background 0.5s cubic-bezier(0.77,0.2,0.05,1.0),
	  opacity 0.55s ease;
	}
	
	.topper.shrink #menuToggle span
	{
	  background: #ffffff;
	}
	
	#menuToggle span:first-child
	{
	  transform-origin: 0% 0%;
	}
	
	#menuToggle span:nth-last-child(2)
	{
	  transform-origin: 0% 100%;
	}
	
	/* 
	 * Transform all the slices of hamburger
	 * into a crossmark.
	 */
	#menuToggle input:checked ~ span
	{
	  opacity: 1;
	  transform: rotate(45deg) translate(-2px, -1px);
	  background: #FFF;
	}
	
	/*
	 * But let's hide the middle one.
	 */
	#menuToggle input:checked ~ span:nth-last-child(3)
	{
	  opacity: 0;
	  transform: rotate(0deg) scale(0.2, 0.2);
	}
	
	/*
	 * Ohyeah and the last one should go the other direction
	 */
	#menuToggle input:checked ~ span:nth-last-child(2)
	{
	  opacity: 1;
	  transform: rotate(-45deg) translate(0, -1px);
	}
	
	/*
	 * Make this absolute positioned
	 * at the top left of the screen
	 */
	#menu {
		position: fixed;
		width: 95vw;
		margin: 0;
		padding: 2.5vw;
		padding-top: 25px;
		background: rgba(0, 0, 0, 0.9);
		list-style-type: none;
		-webkit-font-smoothing: antialiased;
		transform-origin: 0% 0%;
		transform: translate(100%, 0);
		transition: transform 0.5s cubic-bezier(0.77,0.2,0.05,1.0);
		height: 100% !important;
		font-size: 22px;
		top: 0;
		right: -50%;
		text-align: center;
		overflow-y: scroll;
	}
	
	#menu li{
		padding: 0;
		text-align: left;
	}
	
	/*
	 * And let's fade it in from the left
	 */
	#menuToggle input:checked ~ ul
	{
	  transform: scale(1.0, 1.0);
	  opacity: 1;
	}
	
	#menu a
	{
		text-decoration: none;
		transition: color 0.3s ease;
	}

	
	td img {
		width: 95%;
		height: auto;
	}
	
	table{
		width: 50% !important;
	}
	
	
	.ansprech {
	    width: 96%;
		float: unset;
		display: inline-block;
		margin: 0;
		background-color: #FFF;
		padding: 0% 1% 5% 1%;
		border-radius: 15px;
	}
	
	.chooserboxone {
    	width: 42vw;
    	height: 36vw;
	}
	
	.chooserboxtwo {
    	width: 42vw;
    	height: 36vw;
	}
	
	.chooserboxthree {
    	width: 42vw;
    	height: 36vw;
	}
	
	.chooserboxfour {
    	width: 42vw;
    	height: 36vw;
	}
	
	.touchlink{
		margin-top: 28vw;
    	margin-left: 34vw;
	}
	
	.chooserbox {
    	width: 40vw;
    	height: 34vw;
	}
	
	.head5 {
	    font-size: 3vw;
    	margin-top: 1.5vw;
	}
	
	.hiderbox p {
    	font-size: 2.5vw;
    	padding: 5%;
	}
	
	#foobar{width: 38%;}
	
	#socialbar{display: none;}
	
	#twobar{width: 30%;}
	
	#groupbar{width: 25%;}

}


@media only screen and (max-width: 700px) {

	.content img {
		width: calc(100% - 20px);
    	margin-bottom: 40px;
	}
	
	.contentwo img{
    	width: calc(100% - 20px);
    	margin-bottom: 40px;
	}
	
	div.pg_thumb {
    	width: 38vw;
    	height: 38vw;
	}
	
	div.pg_lightbox {
	    background-size: 95% !important;
	}
	
	.chooserboxone {
    	width: 90vw;
    	height: 66vw;
    	margin-bottom: 30px;
	}
	
	.chooserboxtwo {
    	width: 90vw;
    	height: 66vw;
    	margin-bottom: 30px;
	}
	
	.chooserboxthree {
    	width: 90vw;
    	height: 66vw;
    	margin-bottom: 30px;
	}
	
	.chooserboxfour {
    	width: 90vw;
    	height: 66vw;
    	margin-bottom: 30px;
	}
	
	.touchlink{
		margin-top: 52vw;
    	margin-left: 75vw;
	}
	
	.chooserbox {
		width: 88vw;
    	height: 64vw;
	}
	
	.head5 {
		font-size: 6vw;
    	margin-top: 2.5vw;
	}
	
	.hiderbox p {
    	font-size: 3.5vw;
    	padding: 5%;
	}
	
	#foobar{display: none;}
	
	#socialbar{display: none;}
	
	#twobar{width: 47%;}
	
	#groupbar{width: 47%;}
	
	#menu {right: 0;}
	
}