/* small mobile :320px. */
/*.id_responsive{ border: 2px solid red;} */
.logo_coem{ position: absolute!important; top: 50px; right: 0px; max-width: 25vw; }
.dress_code { position: fixed!important; bottom: 30px; left: 30px; max-width: 8vw; z-index: 9;}
.encuesta { position: fixed!important; bottom: 30px; left: 50%; margin-left: -12vw; max-width: 24vw; z-index: 9;}
.border_right { border-right: 0px solid black; }
.bienvenida p { font-size:14px; }
.bienvenida h1 { font-size: 24px; font-weight: 600; }
.bienvenida h2 { font-size: 20px; font-weight: 600; }

/* Medium :768. */
@media (min-width: 768px)  {
/*.id_responsive{	border: 2px solid blue; } */
.logo_coem{ max-width: 20vw; }
.dress_code { max-width: 6vw; }
.encuesta { bottom: 30px; left: 90vw!important; margin-left: -30px; max-width: 10vw;}
}


/* Large :992. */
@media (min-width: 992px) {
/*.id_responsive{	border: 2px solid green; } */
.logo_coem{ max-width: 15vw; }
.dress_code { max-width: 4vw; }
.border_right { border-right: 5px solid black; }
.bienvenida p { font-size:16px; }
.bienvenida h1 { font-size: 32px; font-weight: 800; }
.bienvenida h2 { font-size: 24px; font-weight: 600; }
}


/* XLarge :1200. */
@media (min-width: 1200px) {
/*.id_responsive{	border: 2px solid orange; } */
.logo_coem{ max-width: 10vw; }
.dress_code { max-width: 4vw; }
.encuesta { left: 92vw!important; max-width: 8vw;}
}


/* xxl desktop :1200px. */
@media (min-width: 1400px) {
/*.id_responsive{ border: 2px solid purple; } */



}