body {	
    font-family: helvetica, sans-serif;
    background-color: white;	
}

a:link { text-decoration: none; color: #778899; }
a:active { text-decoration: none;  }
a:visited { text-decoration: none; color: #829EBF; }
a:hover { text-decoration: none;  color: #5CADFF; }

.txtmayor-main h1 {
    max-width: 90%;
    margin:auto;
    text-align:center;
    font-size: 1.5em;
}

.txtmayor-main h2 {
    text-align:center;
    font-size: 1em;
}

.may-message {
    padding-left: 0.5em;
    /*text-indent:-1.5em;*/
    font-size: 1em;
    margin-bottom:1em;
    overflow-wrap: break-word;
}

@media screen and (min-width: 501px) {
    .txtmayor-main {
        padding: 10px;
        margin:auto;
        max-width:500px;
        background-color:#ececec;
        margin-top:15px;
    }
}

@media only screen and (max-width: 500px){
    .txtmayor-main {
        padding: 3%;
        max-width:98%;
        background-color:#ececec;
        margin:auto;
        margin-top:3%;
    }
    body {
        background-color: white;
    }
    .txtmayor-main h1 {
        max-width: 98%;
        margin:auto;
        text-align:center;
        font-size: 1.2em;
    }
}

img {
    height: auto;
    max-width: 100%;
}