/*TABLET*/

@media screen and (min-width: 768px) and (max-width: 1024px) {

}

/*MOBILE STYLES*/


@media screen and (max-width: 768px) {
	/*Home*/
	.shmo {
		height:auto;
		width:100vw;
		top:50vh;
		transform:translateY(-50%);
	}

	.shmo img, .currently img {
		width:100%;
		height:auto;
	}

	.currently {
		height:auto;
		width:calc(100vw - 20px);
		margin-left:10px;
		top:50vh;
		transform:translateY(-50%);
	}

	#currentlytxt {
		bottom:initial;
		right: initial;
		width:100%;
		padding-top:10px;
	}

	.address {
		margin-bottom:5px;
	}

	.address p {
		display: block;
		margin:0px;
		padding:0;
	}

	.menu {
		top:3px;
	}

	.menu ul li {
		margin:0 10px;
	}

	form {
		margin-top: 22px;
		opacity: 0;
		position: absolute;
		margin-left: 0;
		width: 100%;
		text-align: center;
	}

	/*about*/
	main.about div div, main.about .about-img {
		width: 100%;
	}

	main.about > div {
		padding-bottom:10px;
	}

	main.about .about-img img {
		max-height:none;
	}

	main.about .about-img {
		padding-bottom:70px;
	}

	/*categories*/
	article:last-of-type {
		padding-bottom:60px;
	}

	div.thumb {
		position: relative;
		height:auto;
		width: 100%;
		opacity: 1;
		margin:5px 0 30px;
	}

	div.thumb img {
		width:100%;
		height:auto;
	}

	/*single*/
	.single {
		overflow: auto;
	}

	.prev, .next {
		display: none;
	}

	.images {
		margin-top:20vh;
	}

	.images figure figure {
		height:auto;
		width:calc(100vw - 20px);
		margin-left:10px;
		position:relative;
		opacity:1;
		margin-bottom:10px;
	}

	.images figure figure img {
		width:100%;
		height:auto;
	}

	.info-label {
		display: none;
	}

	.information {
		display: block;
		position:relative;
		width:100%;
		padding:10px;
		margin-bottom:70px;
		background:transparent;
	}
}