@media all and (max-width: 950px) {
  	
  	.wrap {
  	margin: 8rem 2rem 0;
  	}

	.logo img {
    width: 19rem;
    }
	
	.grid-item { 
	width: 50%;
	padding: 0 2rem 2rem;
	}
	
	.hometitle {
	font-size: 1.8rem;
    }
    
    .showtitle {
	font-size: 1.6em;
	width: 85%;	
	}
	
	.showinfo, .info {
	width: 85%;
	font-size: 1rem;
	padding: 0 0 2rem;
	}
}

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

.menu {
  padding-top: 0;
  padding-right: .5rem;
  }

.menu-list li {
	display: block;
	padding-bottom: .3rem;
}
}

@media all and (max-width: 450px) {
	
	.wrap {
  	margin: 6rem calc(1rem - 1%) 0;
  	}
  	
	.logo img {
    width: 12rem;
    }
    
    .menu ul.mobile {
	font-size: 1.2rem;
    }
    
	.grid {
    margin: 0 -1rem 0;
    }
    
	.grid-item { 
	width: 100%;
	padding: 0 1rem 2rem;
	}
	
	.showinfo, .info {
	width: 100%;
	font-size: 1rem;
	padding: 0 0 2rem;
	}
	
	.showtitle {
	width: 100%;	
	}
	
	.recent-img, .recenttitle {
    width: 100%;
    }
	
	.carousel-frame, .videowrap iframe {
	width: 100%;
	}
	
	.flickity-prev-next-button {
	display:  none;	
	}
	
	.homecarousel .flickity-prev-next-button, .homecarousel .flickity-button, .homecarousel .flickity-button-icon {
	display:  block;	
	}
}