*{
  margin: 0%;
  padding: 0%;
  box-sizing: border-box;
  
}
.inicio{
  background-image: url("../assets/foto_fondo.jpg") ;
  
  background-repeat: no-repeat;
  background-size: 100vw 100vh;

  height: 100vh;
 
}
.contenedor_btn{
  position: fixed;
  padding:50px 0px 0px 50px;
}
.btn_regreso{
  color: black;
  text-align: center;
  text-decoration: none;
  font-size: 25px;
  width: 150px;
  background: #D3DFED;
  border: 2px solid ;
  padding: 10px;
  border-radius: 25px;
  



}


.logo_contenedor{
  display: flex;
  width: 100%;
  padding: 50px;
  height: 100vh;
  justify-content: center;
  align-items: center;
}
.logo{
  position: absolute;
  right: 2%;
  top: 2%;
 width: 250px;
 opacity: 1;
}
.element{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;

  background-color: #D3DFED;
  border-radius: 25px;
  margin: 20px;
}

.contenedor_amparo{
  display: flex;
  justify-content: center;
  
  background: linear-gradient(160deg, rgb(108, 167, 52) 0%, rgb(154, 190, 231)100%);

}
.amparo{

  width: 80%;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  
}

/* textos */

.title{
  padding: 20px;
  text-align: center;
  font-size: 30px;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  padding: 25px;
}
.subtitle{
  padding: 20px;
  font-size: 35px;
  text-align: center;
  font-family: Helvetica;
  font-style: oblique;
}
.subtitle_important{
  padding: 70px;
  font-size: 35px;
  font-family: Helvetica;
  font-style: oblique;
  font-weight: bold;
  text-align: center;
  border-bottom: 2px solid grey;
  padding-bottom: 50px;
}
.info{
  padding: 20px;
  text-align: center;
  font-size: 20px;
  font-family: Helvetica;
  padding: 25px;
  font-style: italic;
}
.subtitle_list{
  width: 100%;
  padding: 20px;
  text-align: center;
  font-size: 22px;
  font-family: Helvetica;
  padding: 25px;
  font-style: italic;
  font-weight: bold;
}
ul {
width: 100%;
list-style: none;


}
.list li{
  text-align: center;
  padding: 15px;  
  font-size: 25px;
  font-family: Helvetica;
  padding: 25px;
  font-style: italic;
}
.info_aclaratoria{
  color: rgb(54, 52, 52);
  margin: 0 auto;
  width: 70%;
  background-color: #a1c3e9;;
  text-align: center;
  padding: 15px;  
  font-size: 22px;
  font-family: Arial;
  padding: 25px;
  font-style: italic;
  margin-bottom: 20px;
  border-radius: 25px;  
}
.importante{
  text-align: center;
  font-size: 25px;
  font-family: Helvetica;  
  font-style: italic;
}
.info_extra{
  padding: 20px;
  text-align: center;
  font-size: 22px;
  font-family: Helvetica;
  padding: 25px;
  font-style: oblique;
}

/* footer */

body .contseccion{
	background-color: #D3DFED;
	color:#131f36;
}
section .partesup{
	margin-left: 30px;
	max-width: 400px;
	text-align: center;

}
section .partesup .logo2 img{
	max-width: 350px;
	padding-top: 40px;
}

section .partesup .hogar{
	font-size: 32px;
	font-weight: 500;

}
section .partesup .residencia{
	font-size: 22px;
	font-weight: 500;
}
section .partesup .linea{
	height: 2px;
	margin-top: 20px;
	padding-left: 20px;
	padding-right: 20px;

}
section .partesup .tex{
	font-size: 20px;
	color: #131f36 ;
	font-weight: 400;
}

section .inferior .contenedorinf{
	margin-left: 30px;
	overflow: hidden;
	margin-top: 40px;
	overflow: hidden;
	
}
.inferior .contenedorinf .telefono{
	float: left;
	font-size: 25px;
	font-weight: 500;
	padding: 20px;
	width: 30%;
	margin-left: 20px;
}
.num a{
    text-decoration: underline;
    color: black;
}
.inferior .contenedorinf .direccion{
	float: left;
	font-size: 25px;
	font-weight: 500;
	padding: 20px;
	margin-left: 20px;
	width: 30%;
}
.inferior .contenedorinf .horarios{
	font-size: 25px;
	font-weight: 500;
	padding: 20px;
	float: left;
	margin-left: 20px;
	width: 30%;
}

/* media screen */
@media screen and (max-width: 800px){
  
 /*informacion */
     
     .inferior .contenedorinf .direccion{
         width: 45%;
     }
     .inferior .contenedorinf .telefono{
          width: 45%;
     }
     .inferior .contenedorinf .horarios{
           width: 45%;
     }
}
@media screen and (max-width: 700px){
 
     /*informacion */
     .inferior .contenedorinf .direccion{
         width: 90%;
     }
     .inferior .contenedorinf .telefono{
          width: 90%;
     }
     .inferior .contenedorinf .horarios{
           width: 90%;
     }
     .contseccion{
         text-align: center;
     }
     .contseccion .partesup{
         max-width: 700px;
         margin-left: 0px;
     }
     .inferior .contenedorinf{
         margin-left: 0px;
     }
 
}

/* imagen */
@media screen  and (max-width: 600px) {
  .inicio{
   
    background-size: 120vw 100vh;
    background-position-x: -50px;
  
   
  }
}
@media screen  and (max-width: 510px) {
  .inicio{
   
    background-size: 135vw 100vh;
    background-position-x: -85px;
   
  }
}
@media screen  and (max-width: 400px) {
  .inicio{
   
    background-size: 150vw 100vh;
    background-position-x: -90px;
   
  }
}
/* logo */
@media screen  and (max-width: 1117px) {

  .logo{
    width: 225px;
  }

}
@media screen  and (max-width: 950px) {

  .logo{
    width: 200px;
  }

}
@media screen  and (max-width: 430px) {

  .logo{
    width: 150px;
  }

}

/* boton */

@media screen  and (max-width: 550px) {

  .btn_regreso{
   
    font-size: 18px;
    padding: 10px;
       
  }
  .contenedor_btn{
    
    padding:35px 0px 0px 35px;
  }

}
@media screen  and (max-width: 400px) {

  .btn_regreso{
   
    font-size: 15px;
    padding: 5px;
       
  }
  .contenedor_btn{
    
    padding:20px 0px 0px 20px;
  }

}
/* texto */

@media screen  and (max-width: 700px) {

  .subtitle{
    padding: 10px;
    font-size: 24px;
    
  }
  .subtitle_important{
    padding: 50px;
    font-size: 26px; 
  }
  .info{
    padding: 20px;
    font-size: 18px;
  }
  .subtitle_list{
    padding: 20px;
    font-size: 20px;
    padding: 25px;
    
  }
  .list li{
    padding: 15px;  
    font-size: 19px;   
    padding: 25px;
  }
  .info_aclaratoria{
    padding: 15px;  
    font-size: 22px;
    padding: 25px;
  }
  .importante{
    font-size: 20px;
  }
  .info_extra{
    padding: 20px;
    font-size: 22px;
  }

}

@media screen and (max-width: 450px){
  @media screen  and (max-width: 700px) {

    .subtitle{
      padding: 10px;
      font-size: 22px;
      
    }
    .subtitle_important{
      padding: 40px;
      font-size: 24px; 
    }
    .info{
      padding: 20px;
      font-size: 16px;
    }
    .subtitle_list{
      padding: 20px;
      font-size: 18px;
      padding: 25px;
      
    }
    .list li{
      padding: 15px;  
      font-size: 17px;   
      padding: 25px;
    }
    .info_aclaratoria{
      padding: 15px;  
      font-size: 20px;
      padding: 25px;
    }
    .importante{
      font-size: 18px;
    }
    .info_extra{
      padding: 18px;
      font-size: 22px;
    }
  
  }
}

/* bordes de pagina */
@media screen  and (max-width: 700px) {
.amparo{

  width: 90%;
  
}
.info_aclaratoria{
  
  width: 80%;
  
}
}

@media screen  and (max-width: 500px) {
  .amparo{
  
    width: 95%;
    
  }
  .info_aclaratoria{
  
    width: 85%;
    
  }
  }