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

/*-------------------------------------------------------------------------------------------------slider------------------------------------------------------------------------------------------------*/

	#cleaning_services .texto2 h2 {
    font-size: 40px;
 }
	
	
   #banner img{
      width:100%;
      height:750px;
    }
    #banner h1 {

      position: relative;
      top: -505px;
      font-size: 50px;
      margin-bottom: -20px;
      left: 700px;
      color: white;
      z-index: 2;
      text-decoration: underline;
      text-decoration-color: #FF697F;
      width: 0%;
		margin-left: 75px;
    }
    #banner{
      margin-bottom:0px;
    }

    #services {
      font-family: avenir;
      position: relative;
      top: -50px;
      float: left;
      padding: 5% 5% 3% 3%;
      margin-bottom: 15px;
  }
   
}
@media only screen and (max-width:1400px){

/*-------------------------------------------------------------------------------------------------slider------------------------------------------------------------------------------------------------*/
     #banner img{
      width:100%;
      height:750px;
    }
    #banner{
      max-height:750px;
    }
    #banner h1 {

      position: relative;
      top: -500px;
      font-size: 63px;
      margin-bottom: -20px;
      left: 600px;
      color: white;
      z-index: 2;
      text-decoration: underline;
      text-decoration-color: #FF697F;
      width: 0%;
    }
    #banner{
      margin-bottom:0px;
    }
    #services {
        font-family: avenir;
        position: relative;
        top: -35px;
        float: left;
        padding: 2% 5% 2% 3%;
        margin-bottom: -515px;
    }

    
}
/*----------------------------------------------------------------------------------tablet/ipad horizontal------------------------------------------------------------------------------------------------*/
@media only screen and (max-width:1024px){

/*-------------------------------------------------------------------------------------------------slider------------------------------------------------------------------------------------------------*/
   #banner img{
      width:100%;
      height:550px!important;
      max-height: 550px;
    }
    #banner {
        max-height: 700px;
        margin-bottom: 0px;
        margin-top: 10px;
    }
    #banner h1{
      display:none;
    }

    #services {
        font-family: avenir;
        position: relative;
        top: -30px;
        float: left;
        padding: 1%;
        margin-bottom: -515px;
    }
}
/*----------------------------------------------------------tablet/ipad---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    


    #banner img{
      width:100%;
      height: 450px!important;
    }
    #banner{
      background-color: white;
      background-image: none;
    }
    @font-face{
      font-family: avenir;
      src:"../fonts/Avenir-Book-01.ttf";
    }

    #services {
		margin-top: -3%;
        font-family: avenir;
        position: relative;
        top: 0px;
        float: none;
        padding: 1%;
        margin-bottom: 100px;
        width:100%;
        height:auto;
        background-color: white
        color:black;
        height:800px;
    }
    #banner h1{
       display:none;
    }
    #services h2{
        font-size: 23px;
        padding: 5% 0 0 0;
        margin: 0% 10%;
        font-weight:normal;
        text-decoration: none!important;

    }
    #services ul{
          font-size: 20px;
         text-align: justify;
         padding: 0px 0px 0 0px;
         margin: 10% 10%;
         text-align: justify;
         text-decoration-position:outside;
    }
    #services ul li{
      padding:5px;
    }

    #logotipo{
        content:url("../images/logo_movil.png");
    }
    .container-fluid{
        margin:0;
    }
     .row{
        margin:0;
        width:100%;
    }
    #footer1 {
      background: rgb(209,211,212);
      height: 80px;
      font-size: 15px;
      margin-top: 200px;
  }
      
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 550px) {
    



 #logotipo{
        content:url("../images/logo_movil.png");
    }
    .container-fluid{
        margin:0;
    }
     .row{
        margin:0;
        width:100%;
    }
   /*-------------------------------------------------------------------------------------banner----------------------------------------------------------------------------------------------------*/ 
   #banner img{
      width: 100%;
      height: 250px!important;
    }
    #banner {
      height: auto;
        padding: 0;
    }
    @font-face{
      font-family: avenir;
      src:"../fonts/Avenir-Book-01.ttf";
    }
    #services {
        font-family: avenir;
        position: relative;
        top: -6px;
        float: none;
        padding: 1%;
        margin-bottom: 0px;
        width: 100%;
        height: auto;
    }
    
    #banner h1{
       display:none;
    }
    #services h2{
        font-size: 17px;
        padding: 15% 0 0 0;
        margin: 0% 10%;
        font-weight:normal;
        text-decoration: underline;
         text-decoration-color: #FF697F

    }
    #services ul{
          font-size: 15px;
         text-align: justify;
         padding: 0px 0px 0 0px;
         margin: 10% 10%;
         text-align: justify;
         text-decoration-position:outside;
    }
    #services ul li{
      padding:5px;
    }
    #footer1 {
        background: rgb(209,211,212);
        height: 125px;
        font-size: 10px;
        margin-top: 0;
    }
    
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 375px) {
    

 #logotipo{
        content:url("../images/logo_movil.png");
    }
    .container-fluid{
        margin:0;
    }
     .row{
        margin:0;
        width:100%;
    }
   /*-------------------------------------------------------------------------------------banner----------------------------------------------------------------------------------------------------*/ 
     #banner{
       max-height: 430px;
    }
  

    #services {
        font-family: avenir;
        position: relative;
        top: -6px;
        float: none;
        padding: 1%;
        margin-bottom: 0px;
        width: 100%;
        height: auto;
    }
    #banner h1{
       display:none;
    }
    #services h2{
        font-size: 15px;
        padding: 15% 0 0 0;
        margin: 0% 10%;
        font-weight:normal;
        text-decoration: underline;
         text-decoration-color: #FF697F

    }
    #services ul{
          font-size: 15px;
         text-align: justify;
         padding: 0px 0px 0 0px;
         margin: 10% 10%;
         text-align: justify;
         text-decoration-position:outside;
    }
    #services ul li{
      padding:5px;
    }
    
      
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 360px) {
    

   #banner{
       max-height: 320px;
    }
    #logotipo{
        content:url("../images/logo_movil.png");
    }
    .container-fluid{
        margin:0;
    }
     .row{
        margin:0;
        width:100%;
    }
   /*-------------------------------------------------------------------------------------banner----------------------------------------------------------------------------------------------------*/ 
    @font-face{
      font-family: avenir;
      src:"../fonts/Avenir-Book-01.ttf";
    }
   #banner{
       max-height: 590px;
    }
    #services {
        font-family: avenir;
        position: relative;
        top: -6px;
        float: none;
        padding: 1%;
        margin-bottom: 0px;
        width: 100%;
        height: auto;
    }
    #banner h1{
       display:none;
    }
    #services h2{
        font-size: 15px;
        padding: 25% 0 0 0;
        margin: 0% 10%;
        font-weight:normal;
        text-decoration: underline;
         text-decoration-color: #FF697F

    }
    #services ul{
          font-size: 14px;
         text-align: justify;
         padding: 0px 0px 0 0px;
         margin: 10% 10%;
         text-align: justify;
         text-decoration-position:outside;
    }
    #services ul li{
      padding:5px;
    }
      
}
/*----------------------------------------------------------MÓVIL---------------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 320px) {
   /*-------------------------------------------------------------------------------------banner----------------------------------------------------------------------------------------------------*/ 
   #banner img{
      width:100%;
      height:250px!important;

    }
   #banner{
       max-height: 710px;
    }
    #services {
        font-family: avenir;
        position: relative;
        top: -6px;
        float: none;
        padding: 1%;
        margin-bottom: 0px;
        width: 100%;
        height: auto;
    }
    #banner h1{
       display:none;
    }
    #services h2{
      font-size: 14px;
      padding: 25% 0 0 0;
      margin: 0% 9%;
      font-weight: normal;
      text-decoration: underline;
      text-decoration-color: #FF697F;
    }
    #services ul{
          font-size: 15px;
         text-align: justify;
         padding: 0px 0px 0 0px;
         margin: 10% 10%;
         text-align: justify;
         text-decoration-position:outside;
    }
    #services ul li{
      padding:5px;
    }

    #logotipo{
        content:url("../images/logo_movil.png");
    }
    .container-fluid{
        margin:0;
    }
     .row{
        margin:0;
        width:100%;
    }
      
}