.card{
  max-width: 91vw;
  margin: 37px auto;
  font-family: 'Ubuntu', sans-serif;
}

.cards{
  display: flex;
  justify-content: space-around; 
  flex-wrap: wrap;
}

.card-item{
  display: inline-flex;
  justify-content: center; 
  flex-direction: column;
  margin: 0 15px;
  text-decoration: none;
  border: 3px solid white;
}
.card-item:hover{
 border-left: 3px solid whitesmoke;
 border-right: 3px solid whitesmoke;
 border-bottom: 6px solid whitesmoke;
 border-top: 0px;
 background-color:whitesmoke;
}

.card h2{
  font-family: 'Lato', sans-serif;
}
.my-1{
  margin: 5px 0;
}

.my-2{
  margin: 26px 0;
  font-weight: bold;
}

.text-center{
  text-align: center;
  color: black;
}
.view{
  display: inline-flex;
  justify-content: center; 
  flex-direction: column;
  margin: 0 15px;
  text-decoration: none;
  border: 2px solid white;
}

.view:hover{
  border: 2px solid whitesmoke;
  box-sizing: border-box;
}
.green{
  color: rgb(92, 120, 50);
}
.device{
  display: flex;
  justify-content: space-around;
  align-items: center;
  flex-wrap: wrap;
}
.blue{
  background-color: whitesmoke;
  border: 20px solid whitesmoke;
  
}
.devicesname{
  margin:10px 25px
}
.itemgo{
  display: flex;
  justify-content: center;
}