.contactuscoverimg{
            width:100%;
            height:300px;
            
        }
         @media screen and (max-width:768){
            .contactuscoverimg{
            width:100%;
            margin-top:8%;
            height:200px;
            display:inline-block;
         
            /*background-color:blue;*/
        }
        }
         
         @media screen and (max-width: 360px){
   .contactuscoverimg
   {
    
    width:100%;
    float:none;
    height:300px;

   }
}

  .column {
            float: left;
           width: 33%;
            padding: 0 10px;
            border-color: blue;
            box-shadow: blue;
        }
           @media screen and (max-width: 600px) {
            .column {
                width: 100%;
                display: block;
                margin-bottom: 20px;
            }
        
        }
         .card2 {
            /* padding: 16px 20px 0px 10px; */
            height: 300px;
            margin-top: 50px;
            margin-bottom: 20px;
            border-color: blue;
            box-shadow: blue;
            text-align: center;
            border-color: gray;
            margin: 20 10 10 20;
            border-radius: 10px;
            background-color: rgb(189, 223, 245);
        }
        
        .containercover {
  position: relative;
  width:100%;
  
  text-align: center;
  color: white;
}
  .containercover {
  position: relative;
  width:100%;
  height:250px;
  text-align: center;
  color: white;
}
.bottom-leftcover {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

.top-leftcover {
  position: absolute;
  top: 8px;
  left: 16px;
}

.top-rightcover {
  position: absolute;
  top: 8px;
  right: 16px;
}

.bottom-rightcover {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

.centeredcover {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size:25px;
  color:black;
  transform: translate(-50%, -50%);
}

.cardfeatures {
  
             width: 100%;
            /*max-width: 325px;*/
            min-width: 200px;
            height: 275px;
            background-color: transparent;
            margin: 10px 10px 10px 10px;
            border-radius: 10px;
           
            font-size: 16px;
            transition: all 0.3s ease;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            cursor: pointer;
            background-color: transparent;
            transition: all 0.3s ease;
}

.cardfeatures:hover{
  box-shadow: 3px 2px 10px rgba(76, 93, 238, 0.24);
  /*background-color:gray;*/
}
.cardfeatures .text {
            width: 70%;
            margin: 0 auto;
            font-size: 13px;
            text-align: center;
            margin-top: 10px;
            color: white;
            font-weight: 200;
            margin-top: 10px;
            margin-bottom: -20px;
            letter-spacing: 2px;
            opacity: 0;
            max-height: 0;
            background-color: transparent;
            transition: all 0.3s ease;
        }
        
        @media screen and (max-width:768){
          .cardfeatures {
             width: 100%;
            /*max-width: 325px;*/
            min-width: 200px;
            height: 275px;
            background-color: transparent;
            margin: 10px 10px 10px 10px;
            border-radius: 10px;
            /*box-shadow: 3px 2px 10px rgba(76, 93, 238, 0.24);*/
            /*border: 2px solid rgba(7, 7, 7, 0.12);*/
            font-size: 16px;
            transition: all 0.3s ease;
            position: relative;
            display: flex;
            justify-content: center;
            align-items: center;
            flex-direction: column;
            cursor: pointer;
            background-color: transparent;
            transition: all 0.3s ease;
}  
.cardfeatures:hover{
  box-shadow: 3px 2px 10px rgba(76, 93, 238, 0.24);
  /*background-color:gray;*/
}
.cardfeatures .text {
            width: 70%;
            margin: 0 auto;
            font-size: 13px;
            text-align: center;
            margin-top: 10px;
            color: white;
            font-weight: 200;
            margin-top: 10px;
            margin-bottom: -20px;
            letter-spacing: 2px;
            opacity: 0;
            max-height: 0;
            background-color: transparent;
            transition: all 0.3s ease;
        }
        }