@media (max-width: 576px) {
body {
	font-size: 10px;
	line-height: 22px;
}
}

@media (max-width: 768px) {
body {
	font-size: 14px;
	line-height: 22px;
}
}


@media (orientation: portrait) {

.fundo1 {
	background-image: url('https://apenasdias.otterley.net/img/index-sonhos.jpg');
	background-position: center;
}

.fundo2 {
	background-image: url('https://apenasdias.otterley.net/img/index-neve.jpg');
	background-position: top;
}

.fundo3 {
	background-image: url('https://apenasdias.otterley.net/img/index-casamental.jpg');
}
}



@media (orientation: portrait), (orientation: landscape) and (max-height: 410px), (orientation: landscape) and (max-width: 620px) {

.dentro-sobre-cont, .lojas-cont-conteudo {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-bottom: 30px;
	height: auto;
	width: 100%;
}

.sobre, .contato {
	width: 90%;
	min-width: 280px;
	margin: 30px auto 0;
	height: fit-content;
}

.lojas1,
.lojas2,
.lojas3 {
	width: 90%;
	max-width: 310px;
	margin: 30px auto 0;
	height: fit-content;
}

.abrir {
	height: fit-content;
	background-color: #000;
}

/* arte individual / artes */

.arte-container,
.artes-container {	
	flex-direction: column;
	position: relative;
}
.arte-esq,
.artes-esq,
.artes-grid-pg-container {
	width: 100vw;
}

.artes-grid-pg-container {
	position: absolute;
	top: 70px;
}

.artes-ad-cred-bottom {
	display: none;
}

.arte-esq-img {
	height: calc(100% - 140px);
	margin: 70px 0;
}

.ad-dentro-menu-mob {
	display: block;
	width: 100%;
	position: fixed;
	top: 0;
	height: 45px;
	padding: 15px;
	background-color: #000;
	z-index: 9;
}

.ad-dentro-menu-mob p {
	display: block;
	position: absolute;
	top: 28px;
	left: 70px;
}

.ad-dentro-menu-mob img {
	width: 150px;
	margin:  -5px 0 0 15px;
}

.arte-dir {	
	position: absolute;
	width: 100vw;
	top: calc(100% - 70px);
}

.arte-info {
	margin-top: 0;
}

.ad-dentro-menu {
	display: none;
}
/* arte individual */

.sliding-div-sobre,
.sliding-div-lojas {
	width: 100%;
	background-color: #000;
}

.alinha-menu-sobre {
	display: flex;
	flex-direction: column;	
	align-items: flex-start;
	justify-content: center;
	height: auto;
}
}


@media (orientation: landscape) and (max-width: 1279px) {
.dentro-sobre-cont {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-bottom: 30px;
	height: auto;
	width: 100%;
}

.sobre, .contato {
	width: 90%;
	min-width: 280px;
	margin: 30px auto 0;
	height: fit-content;
}
}


@media (orientation: landscape) and (max-width: 799px) {
.lojas-cont-conteudo {
	display: flex;
	flex-direction: column;
	gap: 0;
	padding-bottom: 30px;
	height: auto;
	width: 100%;
}

.lojas1,
.lojas2,
.lojas3 {
	width: 90%;
	max-width: 310px;
	margin: 30px auto 0;
	height: fit-content;
}
}