* {
  box-sizing: border-box;
}
.splash-page-holder {
 background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 10px 80px 40px;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
}
.form-country {
  max-width: 350px;
  width: 100%;
  display: flex;
  /* display: grid; */
  grid-gap: 20px;
}
.field-holder {
  position: relative;
}
 .splash-page-holder .select-selected {
  background: rgba(255, 255, 255, 0.8);
  padding: 5px 20px;
  border: solid 1px black;
  height: 50px !important;
  border-radius: 10px;
  color: #282828 !important;
  /* -webkit-appearance: none; */
   width: 100%;
  font-size: 14px;
  line-height: 37px;
  cursor: pointer;
} 
 .splash-page-holder .btn {
  border: 0;
  display: flex;
  min-height: 40px;
  font-size: 12px;
  background: #2d2b2a;
  max-width: 200px;
  width: 100%;
  margin: auto;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  justify-content: center;
  outline: none;
}
select::-ms-expand {
  display: none;
}
.splash-titans-logo {
  position: absolute;
  top:10px;
  right: 130px;
  display: flex;
  text-align: center;
}
.splash-titans-logo  img {    
  max-width: 220px;
  height: auto;
}
.dropbtn {
height: 50px;
width: 350px;
border-radius: 4px;
background-color: #90ee90;
color: white;
font-size: 20px;
border: none;
cursor: pointer;
}
.dropdown {
position: absolute;
top:240px;
right: 50px;

}
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
.dropdown-content a {
color: black;
padding: 12px 16px;
text-decoration: none;
display: block;
}
.dropdown-content a:hover {background-color: #f1f1f1}
.dropdown:hover .dropdown-content {
display: block;
}

.dropdown:hover .dropbtn {
background-color: black;
}

  @media (min-width: 1500px) {
    .splash-page-holder {
    background-image:url('./images/petspic.jpg') top center no-repeat !important;
    background-size: contain;
    background-position: center;
    position: relative;
    }
  }
  @media (max-width: 1024px) {
    .splash-page-holder {
        background-image: url('./images/petspic.jpg') center center no-repeat !important;
        background-size: contain;
        background-position: center;
        position: relative;
    }
  }
  
  @media (max-width: 767px) {
    .splash-page-holder {
        background-image: url('./images/petspic.jpg') center bottom no-repeat !important;
        background-size: contain;
        background-position: center;
        position: relative;
    }
    .dropdown{
        top: 65%;
        position: absolute;
        right: 6%;
        margin-top: 10px;
     }
     .splash-titans-logo{
         top: 10%;
         position: absolute;
         right: -5%;
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
     }
   }
  
   @media (max-width: 414px) and (max-height: 736px) {
    .splash-page-holder {
    background-image: url('./images/petspic.jpg') center center no-repeat !important;
    background-size: contain;
    background-position: center;
    position: relative;
    }
    .dropdown{
        top: 65%;
        position: absolute;
        right: 6%;
        margin-top: 10px;
     }
     .splash-titans-logo{
         top: 10%;
         position: absolute;
         right: -5%;
         -webkit-transform: translateX(-50%);
         transform: translateX(-50%);
     }
   }



/* @media (min-width: 1500px) {
    .background {
        background-image: url('./images/petspic.jpg');
        background-repeat:  top center no-repeat !important;
        background-size: cover !important;
        }
}
@media (max-width: 1024px) {
    .background {
        background-image: url('./images/petspic.jpg');
        background-repeat: center center no-repeat !important;
        background-size: cover !important;
        }
}
@media (max-width: 767px) {
    .background {
        background-image: url('./images/petspic.jpg');
        background-repeat: center bottom  no-repeat !important;
        background-size: cover !important;
        }
  .dropdown{
     margin-top: 400px;
     right: 25%;
  }
  .splash-titans-logo{
      top: 150px;
      position: absolute;
      left: 50%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
}
@media (max-width: 414px) and (max-height: 736px) {
    .background {
        background-image: url('./images/petspic.jpg');
        background-repeat: center top no-repeat !important;
        background-size: cover !important;
        }
.dropdown{
     margin-top: 150px;
     left: 10%;
  }
  .splash-titans-logo{
    height: 200px;
    width: 200px;
      top: 100px;
      position: absolute;
      left: 60%;
      -webkit-transform: translateX(-50%);
      transform: translateX(-50%);
  }
} */