/* ourservices */

#ourservicestext{position: relative;
  padding: 10px 40px;

 color:black; 
    display: table;
    margin: 0 auto; 
    
   
  margin-top:100px;
    border-radius:5px;
    margin-bottom:15px;
     border-radius:5px;
     
     border:1px solid gray;
   text-align:center;
}


.containerserv{
float:left;
text-align: center;
display: -webkit-flex;
-webkit-justify-content: center;
    justify-content: center;
 width:100%;
  background:#5e708e;
 
font-size:16px;
 -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;

}


.containerserv1{
	border-radius:2px;
	border:1px solid white;
display: -webkit-flex;
 -webkit-flex-direction: column;
    flex-direction: column;

 align-items: center;
  justify-content: center;

margin: 3px;
 
  text-align: center;
 height: 200px;
  width:300;
  background:;

}


.containerserv1 h2, .containerserv1 p{
 position: absolute;
 font-weight: bolder;
 margin-top:40px;
  
padding: :0px;
 color:white;

font-size: 20px;
-webkit-transition-property:  height; /* Safari */
    -webkit-transition-duration: 9s; /* Safari */
    transition-property:  height;
    overflow: :hidden;
z-index:99;
}



.containerserv1 img{
	height:200px;
	width:300px;
 opacity: 0.8;
}



.containers{
 font-size: 25px;
 
background: coral;
-webkit-animate-property:  height; /* Safari */
    -webkit-transition-duration: 3s; /* Safari */
    transition-property:  height;
    
 color: grey;

  
 
  
 height:230px;
 
}

.containerserv2{
 margin: 5px;
 padding: 15px;
 
  border-radius: 2px;
 -webkit-align-self: center;
    align-self: center;
  text-align: center;
  height:;
  width:100%;
  background:white;
  color:;
}



.containerserv2 h2{margin:2px;
 background:turquoise;
  height:;
  border:1px solid transparent;

} 




@media (min-width: 320px){  /* green zeleini */



.containerserv1{
	border-radius:2px;
	border:1px solid white;


margin: 10px;
 
  text-align: center;
 height: 220px;
  width:320px;
  
  color:;
}

.containerserv1 img{
	height:220px;
	width:320px;
 opacity: 0.8;
}



.containerserv1 h2{
 position: absolute;
 font-weight: bolder;
 margin-top:40px;
  
padding: :0px;
 color:white;

font-size: 35px;
-webkit-transition-property:  height; /* Safari */
    -webkit-transition-duration: 9s; /* Safari */
    transition-property:  height;
    overflow: :hidden;
z-index: 99;
}


@media (min-width: 480px){  /* green zeleini */

#ourservicestext{
  padding: 1px 50px;
background-color:white;
  margin-top:20px;

   }

}
@media (min-width: 780px){  /* green zeleini */
#ourservicestext{
  padding: 10px 50px;


    
    background-color:white;
  margin-top:40px;
    border-radius:5px;
    margin-bottom:20px;
     border-radius:5px;
       
}

#ourservicestext h2{font-size:30px;
            color:black; 
}


.containerserv{


 width:100%;
 
 
 -
float:left;
text-align: center;
display: -webkit-flex;
-webkit-justify-content: center;
    justify-content: center;
 width:100%;
  background:#5e708e;
 
font-size:16px;
 -webkit-flex-wrap: wrap; /* Safari */
  flex-wrap:         wrap;

justify-content: space-around;
}


.containerserv1{
	border-radius:2px;
	border:1px solid white;

margin: 10px;
 
 height: 300px;
  width:420px;
 
  color:;
}


.containerserv1 h2{
 position: absolute;
 font-weight: bolder;
 margin-top:40px;
  
padding: :0px;
 color:white;

font-size: 45px;
-webkit-transition-property:  height; /* Safari */
    -webkit-transition-duration: 9s; /* Safari */
    transition-property:  height;
    overflow: :hidden;
z-index: 99;
}


.containerserv1 p{
 position: absolute;
 font-weight: bolder;
 margin-top:40px;
  
padding: :0px;
 color:yellow;

font-size:25px;
-webkit-transition-property:  height; /* Safari */
    -webkit-transition-duration: 9s; /* Safari */
    transition-property:  height;
    overflow: :hidden;
z-index: 99;
}



.containerserv1 img{
	height:300px;
	width:420px;
 opacity: 0.8;
}




.containerserv2{
 
 padding: 20px;

  border-radius: 2px;
 -webkit-align-self: center;
    align-self: center;
  text-align: center;
  height:300px;
  width:420px;
  background:white;
  color:;
}



.containerserv2 h2{margin:2px;
 background:turquoise;
  height:;
  border:1px solid transparent;

} 
}