


 body {
      margin: 0 0 0 0;
 }      

#service-info-container {
        display: block;
        height : auto;
        float: none;
        position: relative;
        margin: 0 0 200px 0;
        width : 100%;
        overflow : hidden;
}




.service-text-house-container {
  position: relative;
  font-family: tahoma;
  text-align: center;
  background-color : #ffffff;
  opacity : 0.9;
  padding : 0 0 20px 0;
  width: 800px;
  height: auto;
  font-size : 20px;
  margin : 150px  auto 150px auto;
}

.service-text-house-container:before {
    content: '';
    top: -80px; right: 0;
    border-bottom: 80px solid white;
    border-left: 400px solid transparent;
    border-right: 400px solid transparent;
    width: 0px;
    position:absolute;
}



.service-table-house-container {
    display : block;
  position: relative;
  font-family: tahoma;
  text-align: center;
  background-color : #ffffff;
  opacity : 0.9;
  float : none;
  width: 800px;
  height: auto;
  margin: 0 auto 0 auto;
}

.service-table-house-container:before {
    content: '';
    position: absolute;
    top: -80px; right: 0;
    border-bottom: 80px solid white;
    border-left: 400px solid transparent;
    border-right: 400px solid transparent;
    width: 0px;
}



.service-text-house-container .icon {
    width: 90px;
    position: absolute;
    top : -60px;
    left : 355px;
}


.service-text-container {
    display :block;
    position : relative;
    padding : 40px 10px 10px 10px;
 }

.service-table-container {
    position : relative;
    padding : 0 10px 0 10px;
    top : -50px;
}

.service-text-container a {
    font-size:22px;
    font-weight : bold;
    opacity : 1.0;
}

.service-text-container p {
    opacity : 1.0;
}



.service-table-header {
      margin-left : auto;
      margin-right : auto;
      font-family: tahoma;
      width : 70%;
      text-align: left;
}

.service-table {
      margin: 30px 0 0 0;
}      

.service-table .title{
      font-family: tahoma;
      font-size:22px;
      text-align: center;
      padding: 10px 0 30px 0;
}

.service-table .service-table-row {
      display: flex;
      display:-webkit-flex;
      margin-left : auto;
      margin-right : auto;
      font-family: tahoma;
      font-size : 20px;
      width : 95%;
      text-align:left;
}



.service-table .r0 {
      background-color : #fff0e0;
}

.service-table .r1 {
      background-color : #ffd0b0;
}

.service-table .header {
      font-weight : bold;
}
   
  
.service-table-row .col1 {
     float: left;
     width:50%;
     background-color: inherit;
     padding: 10px 15px 10px 0;
}

.service-table-row .col2 {
     float:left;
     width:20%;
    background-color: inherit;
     padding: 10px 0 10px 0;
}

.service-table-row .col3 {
     float:left;
     width:27%;
    background-color: inherit;
    padding: 10px 0 10px 0;

}

  

.background_l {
    z-index : -10;
    width : 100%;
    height : 90vh;
    object-fit : cover;
    position : fixed;
    top : calc(18vh + 45px);
}


.background_p {
    display: none;
    z-index : -10;
    width : 100%;
    height : 200vh;
    object-fit : cover;
    position : fixed;
    top : calc(14vh + 45px);
}



br {
   display: block; 
   content: ""; 
   margin-top: 3px; 
}


.sub-page-title {
    font-size : 40px;
    text-align : center;
}    





@media screen and (max-width : 1000px){
    
    .service-text-house-container {
         width: 600px;
         height: 350px;
    }

    .service-text-house-container:before {
         border-left: 300px solid transparent;
         border-right: 300px solid transparent;
    }

    .service-text-house-container .icon{
         width: 80px;
         left: 260px;
    }


    .service-table-house-container {
         width: 600px;
    }

    .service-table-house-container:before {
          border-left: 300px solid transparent;
          border-right: 300px solid transparent;
    }

     
}



@media screen and (max-width : 660px){
    

    
    #service-info-container {
        display: block;
         margin : 0 0 200px 0;
        width : 100%;
   }

    .service-table-house-container {
        width: 430px;
        height: auto;
      }
      
    .service-text-house-container {
         width: 430px;
         height: 250px;
         font-size : 15px;
    }

    .service-text-house-container:before {
         border-left: 215px solid transparent;
         border-right: 215px solid transparent;
    }


    .service-table-house-container:before {
          border-left: 215px solid transparent;
          border-right: 215px solid transparent;
    }
    
    .service-text-house-container .icon {
          width: 70px;
        position: absolute;
        top : -60px;
        left : 180px;
    }

    .service-text-container {
    }
      
      .service-table .title{
          font-size:18px;
      }
      
      .service-text-container a {
          font-size:18px;
      }

     .service-table .service-table-row {
         font-size : 15px;
     }
 
     .service-table-row .col1 {
         width:42%;
     }

     .service-table-row .col2 {
         width:25%;
     }

     .service-table-row .col3 {
         width:30%;

     }
     
     .background_l {
         display: none;
      }
 
     .background_p {
         display: block;
      }
 

   

}



@media screen and (max-width : 440px){
    
   
    
    .service-table-house-container {
        width: 90vw;
        height: auto;
      }
      
    .service-text-house-container {
         width: 90vw;
         height: auto;
         display: block;
         font-size : 15px;
    }

    .service-text-house-container  .icon {
        left : calc(45vw - 35px);
    }

    .service-text-house-container:before {
         border-left: 45vw solid transparent;
         border-right: 45vw solid transparent;
    }


    .service-table-house-container:before {
          border-left: 45vw solid transparent;
          border-right: 45vw solid transparent;
    }
    

      
      .service-table .title{
          font-size:12px;
      }
      

     .service-table .service-table-row {
         font-size : calc(9px + 0.6vw );
     }
 


}


@media screen and (max-width : 660px) and (max-height : 500px) {
    

     #home-info-container {
        height : 1450px;
        background-size: 100% 1450px;
     }    
}







