.home {
	display: none;
}

@media all and (max-width: 1200px) {
	body {
		min-width: 0;
	}
	header {
		background: none;
		background-color: #54473f;
		height: auto;
	}
	.main {
		width: 100%;
	}
	#logo {
		position: absolute;
		left: 10px;
	}
	.home {
		display: block;
		height: 54px;
		color: #fff;
	}
	.home:before {
		display: block;
		content: "MENU";
		font-size: 14px;
		font-weight: 700;
		width: 40px;
		margin: auto;
		padding: 16px 0;
	}
	.home > div {
		display: inline-block;
	}
	.home .menu-button {
		display: block;
		position: absolute;
		top: 0;
		right: 0;
		width: 54px;
		height: 54px;
		padding: 12px;
		font-size: 2em;
		text-align: center;
	}
	.home .menu-button:hover{
		background-color: #2B2520;
		cursor: pointer;
	}
	.home .menu-button a {
		padding: 10px;
	}
	/* PRIMERA FILA */
	nav {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.menu {
		overflow: hidden;
	}
	.menu > li {
		display: block;
		padding: 0;
		width: 100% !important;
		background: none;
		background-color: #54473F;
		text-align: center;
		cursor: pointer;
		border-top: 1px solid #2B2520;
		-webkit-transition: background .3s ease;
		-moz-transition: background .3s ease;
		-ms-transition: background .3s ease;
		-o-transition: background .3s ease;
		transition: background .3s ease;
	}
	.menu > li:last-child {
		border-bottom: 1px solid #2B2520;
	}
	.menu li:hover {
		background-color: #2B2520;
	}
	.menu li.active {
		background-color: #473d34;
	}
	.menu li a {
		display: block;
		height: auto;
		background: none;
		padding: 0;
	}
	.menu li a strong {
		height: 54px;
		padding: 0;
	}
	.menu li a strong strong {
		padding: 13px 0;
	}

	.menu li a strong strong,.menu li a strong {
		background: none;
	}

	/* SEGUNDO NIVEL */
	
	.menu li a.submenu-button {
		font-family: 'Glyphicons Halflings'; 
		position: absolute;
		font-size: 12px;
		color: #fff;
		right: 0;
		top: 0;
		display: block;
		height: 54px;
		width: 54px;
		cursor: pointer;
		-webkit-transition: background .3s ease;
		-moz-transition: background .3s ease;
		-ms-transition: background .3s ease;
		-o-transition: background .3s ease;
		transition: background .3s ease;
	}
	.submenu-button:hover {
		background-color: #cda60e;
	}
	.submenu-button:before {
		content: "\e257";
		display: block;
		padding: 15px;
	}
	.menu li.active .submenu-button:before {
		content: "\e259";
	}
	.menu ul {
		display: block;
		width: 100%;
		border: 0;
		border-top: 1px solid #2a231e;
		position: relative;
		overflow: hidden;
		background: none;
		border-radius: 0;
		top: 0;
		left: 0;
		opacity: 1;
	}
	.menu li:hover ul {
		top: 0;
		left: 0;
	}
	.menu ul li {
		background: none;
		padding: 4px 0;
		border-bottom: 1px solid rgb(53, 42, 35);
		width: 100%;
		-webkit-transition: background .3s ease;
		-moz-transition: background .3s ease;
		-ms-transition: background .3s ease;
		-o-transition: background .3s ease;
		transition: background .3s ease;
	}
	.menu ul li:last-child {
		border: none;
	}

	.menu ul li:hover {
		background: #cda60e;
	}
	.menu ul li a {
		background: none;
		width: 100%;
		margin: 0 0 0 10px;
	}

	/* INDEX */

	#webnormal {
		width: 100%;
		float: none;
	}

	#solemnium {
		width: 100%;
		float: none;
	}

	#enlaces {
		text-align:center;
		display: inline-block;
		width: 100%;
	}

	div.fleft {
		float: none;
		margin: 0 30px;
	}

	.ul-menu {
		float: none;
		width: 100%;
	}

	.ul-menu2 {
		float: none;
		width: 100%;
	}
}

@media all and (max-width: 992px) {
	.box.box-left {
		width: 100% ;
		float: none;
		margin: 15px auto;
	}
	.box.box-mid {
		float: left;
		margin: 15px auto;
	}
	.box.box-right {
		float: right;
		margin: 15px auto;
	}
	.tiempo {
		height: 334px;
	}
}

@media all and (max-width: 600px) {
	.box.box-mid {
		float: none;
		margin: 15px auto;
	}
	.box.box-right {
		float: none;
		margin: 15px auto;
	}
}
@media all and (max-width: 560px) {
	.tiempo {
		height: 280px;
	}
	#logo a, #logo a.marmoleria {
		background-size: 70% auto;
	}
}

@media all and (max-width: 450px) {
	.indent {
		padding-top: 70px;
	}
}

@media all and (max-width: 425px) {
	.tiempo {
		height: 225px;
	}
	.iframe.instagram {
		height: 325px;
	}
	#logo {
		display: none;
	}
	.row {
		margin: 0;
	}
	.main_bg {
		padding: 10px;
	}
}
@media all and (max-width: 320px) {
	.container,.indent {
		padding-left: 0;
		padding-right: 0;
}