@media (max-width: 640px) {

    body
{
    width:100%;
    
}

.General {
    position: relative;
    display: grid;
}

.Encabezado {
    background-image: url("http://estudioitanil.com/img/fondotexturado1.jpg");
    width: auto;
    height: 20%;
    margin-top: -3.5%;
    margin-left: -1%;
    margin-right: -1%;
    position: fixed;
}

#logo
{
    margin-left: 7%;
    margin-top: 8%;
    padding-bottom: 2%;
    width: 160%;
}

#logo img{
    width: 17%;
}

#menuIndex
{
    display: none;
}

.Encabezado ul{
    margin-top: -28%;
    margin-left: 54%;
}

.Encabezado li{
    display: inline-block;
	font-family: Times New Roman, Times, serif;
	color: white;
    margin: 1%;
    font-size: 4.7vw;
}

.Encabezado a
{
    text-decoration: none;
    color: White;
    text-decoration-line: underline;
}

.Servicios{
    padding: 35% 0% 1% 1%;
    border-left: 3px solid #1A81C4;
    box-shadow: 0.2em 0.3em 0.7em 0.5em #CCCCCC;
}

.Servicios p {
    text-align: justify;
    font-size: 1.4vw;
    font-family: Times New Roman, Times, serif;
    color: #0E4084;
}

.Servicios li{
    text-align: justify;
    font-size: 1.4vw;
    font-family: Times New Roman, Times, serif;
}

#ImagenPortada{
    width: 90%;
}

#ImagenNosotros{
    width: 90%;
    padding-top: 21%;
}

#ImagenServicios{
    width: 90%;
}

#ImagenContacto{
    width: 90%;
    padding-top: 20%;
}

#descripcionServicios{
    padding-right: 1%;
    padding-top: 7%;
    padding-bottom: 12%;
    margin: -30% 0% 0% 47%;
    display: none;
}

#descripcionServicios img{
    width: 11%;
}

.Nosotros {
    padding: 3% 0% 8% 1%;
    border-left: 3px solid #1A81C4;
    box-shadow: 0.2em 0.3em 0.7em 0.5em #CCCCCC;
    margin-top: 2%;
    font-family: Times New Roman, Times, serif;
    font-size: 1.4vw;
    color: #0E4084;
}

#descripcionNosotros{
    margin: -25% 0% 2% 46%;
    padding-right: 4%;
    padding-top: 7%;
    padding-bottom: 1%;
    display: none;
}

#descripcionNosotros1{
    margin: -7% 0% 0% 5%;
    padding-right: 5%;
    padding-top: 7%;
    padding-bottom: 1%;
}

#descripcionNosotros1 li{
    color: #0E4084;
    font-family: Times New Roman, Times, serif;
    font-size: 4.4vw;
}

#profesionales p{
    color: black;
    font-family: Times New Roman, Times, serif;
    font-size: 4.4vw;
}

.Contacto{
    padding: 2% 0% 5% 1%;
    border-left:3px solid #1A81C4;
    box-shadow:0.2em 0.3em 0.7em 0.5em #CCCCCC;
    margin-top: 1%;
}

#descripcionContacto{
    padding: 0% 3% 0% 3%;
    margin-right: 16%;
    margin-top: -1.5%;
    position: static;
    border: 3px solid #1A81C4;
    box-shadow: 0.2em 0.3em 0.7em 0.5em #CCCCCC;
    color: #0E4084;
    font-family: Times New Roman, Times, serif;
    font-size: 1.4vw;
    display: none;
}

.ContactoPrincipal{
    padding-top: 13%;
    padding-left: 1%;
    padding-bottom: 1%;
    border-left:3px solid #1A81C4;
	box-shadow:0.2em 0.3em 0.7em 0.5em #CCCCCC;
}

.ContactoPrincipal p {
    font-size: 4.4vw;
    font-family: Times New Roman, Times, serif;
    color: #0E4084;
}

.NosotrosPrincipal{
    padding-top: 15%;
    padding-left: 1%;
    border-left:3px solid #1A81C4;
	box-shadow:0.2em 0.3em 0.7em 0.5em #CCCCCC;
}

#NosotrosTitulo{
    font-size: 5.9vw;
    font-weight: bold;
}

.NosotrosPrincipal p {
    text-align: justify;
    font-size: 4.4vw;
    font-family: Times New Roman, Times, serif;
    color: #0E4084;
}

.NosotrosPrincipal li {
    font-size: 1.4vw;
}

.ServiciosPrincipal{
    padding-top: 8%;
    padding-left: 1%;
    border-left:3px solid #1A81C4;
	box-shadow:0.2em 0.3em 0.7em 0.5em #CCCCCC;
}

.ServiciosPrincipal img{
    padding-top: 29%;
}

.ServiciosPrincipal p {
    text-align: justify;
    font-size: 4.4vw;
    font-family: Times New Roman, Times, serif;
    color: #0E4084;
}

#descServ{
    padding: 0% 4% 0% 0%;
    margin: -2% 0% 0% 0%;
    font-size: 4.4vw;
    font-family: Times New Roman, Times, serif;
    padding-top: 3%;
}

#contact{
    padding: 1% 3% 6% 3%;
    margin-right: 7%;
    float: right;
    border: 3px solid #1A81C4;
    box-shadow: 0.2em 0.3em 0.7em 0.5em #CCCCCC;
    color: #0E4084;
    font-family: Times New Roman, Times, serif;
    font-size: 1.4vw;
}

#contact a{
    color: black;
}

.formulario
{
    margin-top: 8%;
    margin-left: 0%;
    margin-bottom: 7%;
    width: 27%;
}

.Pie {
    background-image: url("http://estudioitanil.com/img/fondotexturado2.jpg");
    width: auto;
    height: 10em;
    margin-left: -1%;
    margin-right: -1%;
}

.Pie p {
        color: #ffffff;
        font-family: sans-serif;
        font-size: 2.9vw;
        text-align: center;
}

#textoPie{
    padding-top: 1%;
}


#mail a {
    color: #ffffff;
    font-family: sans-serif;
    font-size: 2.9vw;
}

table {
    width: 100%;
}

.descripcion p {
    padding-right: 20%;
}

textarea {
    width: 98%;
    height: 11.4%;
}

.Pag404{
    padding: 13% 24% 0% 0%;
}

.Pag404 p {
    text-align: center;
}
}