/*@media screen and (min-width: 320px) and (max-width: 1023px) and (orientation: landscape) {
  html {
      position:fixed;
      top:0;
      left:0;
      background:rgba(0,0,0,0.6);
      z-index:5;
      width:100%;
      height:100%;
      display:none;
  }
}*/

/*@media (min-width:1367px) {
  .point-fonts {
  	font-size: 36px!important;
  }
  .padding-left-0 {
    padding-left: 0px;
  }
}

@media (min-width:1200px) and (max-width:1366px) {
  .point-fonts {
  	font-size: 36px!important;
  }
}

@media (min-width:992px) and (max-width:1199px) {
  .point-fonts {
  	font-size: 36px!important;
  }
}

@media (min-width:769px) and (max-width:991px) {
  .point-fonts {
  	font-size: 36px!important;
  }
}

@media (min-width:576px) and (max-width:768px) {
  .point-fonts {
  	font-size: 36px!important;
  }
}

@media (min-width:415px) and (max-width:575px) {
  .point-fonts {
  	font-size: 36px!important;
  }
}

@media (min-width:376px) and (max-width:414px) {
  .point-fonts {
  	font-size: 26px!important;
  }
}

@media (max-width:375px) {
  .point-fonts {
  	font-size: 26px!important;
  }
}*/

/*@media (height:667px) {
  
}

@media (height:812px) {
  
}*/


.pet-container
{
  text-align: center;  
  border-radius: 25px; 
  margin:10px; 
  position: relative;
}

.pet-male
{
  background-image: linear-gradient(141deg, #2cb5e8 0%, #0081b1 51%, #006d95 75%);
}

.pet-female
{
  background-image: linear-gradient(141deg, #c54694 0%, #bb3687 51%, #b41777 75%);
}

.pet-add-button-container
{
    position: absolute;
    right: 15px;
    top: -15px;
}

.pet-add-button
{
  width: 55px;
  height: 55px;
  border: solid #0d5da1 2px;
  border-radius: 40px;
  position: relative;
  background-color: #0d5da1;
  float: right;
}

.pet-add-button:hover
{
  background-color: #fff;
}

.pet-add-button:hover *,
.pet-add-button-icon:hover,
.pet-icon-plus:hover{

  color: #0d5da1;
}

.pet-add-button-icon
{
  position: absolute;
  top: 27%;
  left: 13%;
  color: #fff;
}

.pet-icon-plus
{
  vertical-align: super;
  font-size: 10px;
}

.pet-icon-dog
{
  font-size: 23px;
  margin-left: 0px !important;
}