@media screen and (max-width: 360px) {
.header {
display: flex;
flex-direction: column;
height: auto;}
footer .footer-content {
width: 100%;
font-size: 0.9em;}
footer {
margin-top: 10%;}
.presentacion {
height: auto;}
.presentacion .container .subInfo {
text-align: center;}
.copyright {
font-size: 0.8em;}
.suscripciones .suscripcion form {
width: 100%;
font-size: 0.5em}
.suscripciones .suscripcion form .input {
height: auto;}
.container {
display: inline-block;
cursor: pointer;}
.normalLi{
display: none;
}
.bar1, .bar2, .bar3 {
width: 35px;
height: 5px;
background-color: #333;
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {opacity: 0;}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
.dropdown-content{
right: 0px;
}
.dropdown{
display: none;
}
.dropdown-content a:hover {
background: rgb(224, 34, 34);
}
}