header{
}

header2{	
	position: fixed;
	width:100%;
	max-width:100%;
	z-index:99999;
	top: 0px;
	background-color:#fff;
}
.logo{
	float:left;
	width:25%;
	height:62px;
	margin-bottom:20px;
	background-image:url(https://www.dreamaterial.com/blog/wp-content/uploads/2020/05/logo-a.png);
	background-repeat: no-repeat;
	background-position: right;
	background-color:#fff;
	}
.menu1{
	background-color:#000;
	width:75%;
	height:39px;
	color:#FFF;
	float:left;
	text-align: right;
	}
.backto-dm{
	width:35px;
	height:38px;
	margin-right:15px;
	float:right;
	background-image:url(https://www.dreamaterial.com/blog/wp-content/uploads/2020/06/wp-back.png);
	z-index:99;
}
	#page{
			margin:4em auto;
		}
@media screen and (max-width: 778px) and (min-width: 440px)
	{
	
	.logo{
		width:35%;
		}
	.menu1{
		width:65%;
		}
}
		@media screen and (max-width:440px)
{
	.logo{
		width:45%;
		height:40px;
		background-size:140px;
		
		}
	.menu1{
		width:55%;
	height:26px;

		}
	.backto-dm{
	width:23px;
	height:26px;
	background-size:23px;
	

}
}

/*
	CSS migrado de Jetpack:
*/

/*
¡Bienvenido a Custom CSS!

CSS (Hojas de estilo en cascada) es un tipo de lenguaje de programación
que indica al navegador cómo procesar una página web. Puedes eliminar
estos comentarios y comenzar con tus personalizaciones.

Por defecto, tu hoja de estilo se cargará después de las hojas de estilo
del tema, lo que significa que tus normas pueden prevalecer y anular las
reglas CSS del tema. Solo tienes que escribir aquí lo que quieres cambiar,
no es necesario copiar todo el contenido de la hoja de estilo de tu tema.
*/
@media screen and (max-width:450px) {
	#page {
		margin: 4em auto;
	}
	@media screen and (max-height:575px) and (orientation:landscape)	{
	
		.logo{
		width:45%;
		height:40px;
		background-size:140px;
		
		}
	.menu1{
		width:55%;
		height:26px;}
			.backto-dm{
	width:23px;
	height:26px;
				background-size:23px;}
	}
	.entry-header .comments-link a {
		background-size: 25px;
	}
	
	.entry-header .comments-link a:hover,
						.entry-header .comments-link a:focus,
						.entry-header .comments-link a:active {
		background-size: 25px;
		background-color: #fff;
	}
}

/*
	CSS migrado de Jetpack:
*/

/*
¡Bienvenido a Custom CSS!

CSS (Hojas de estilo en cascada) es un tipo de lenguaje de programación
que indica al navegador cómo procesar una página web. Puedes eliminar
estos comentarios y comenzar con tus personalizaciones.

Por defecto, tu hoja de estilo se cargará después de las hojas de estilo
del tema, lo que significa que tus normas pueden prevalecer y anular las
reglas CSS del tema. Solo tienes que escribir aquí lo que quieres cambiar,
no es necesario copiar todo el contenido de la hoja de estilo de tu tema.
*/
@media screen and (max-width:450px) {
	#page {
		margin: 4em auto;
	}
	
	.entry-header .comments-link a {
		background-size: 25px;
		background-position:center;
		font-size:9px;
		line-height:32px;
		text-align:center;
	}
	
	.entry-header .comments-link a:hover,
						.entry-header .comments-link a:focus,
						.entry-header .comments-link a:active {
		background-size: 25px;
		background-color: #fff;
	}
}