.modal {
    display: none; /* Hidden by default */
    position: fixed; /* Stay in place */
    z-index: 1; /* Sit on top */
    padding-top: 100px; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  }
  
  @media only screen and (max-width: 480px) {
    .modal-content {
      /* background-image:url(images/blog/explore-podcast.gif); */
      background-repeat:no-repeat; background-size: cover;
     /* background-position: right bottom; */
     margin: auto;
     padding: 20px;
     border:1px solid rgb(18, 139, 113);
     width: 90% !important;
     height: 57% !important;
     border-radius: 10px;
      }

      .close {
        color: #fff;
        /* float:right; */
        font-size: 20px;
  
        margin-top: -30px;
        margin-left: 315px !important;
      }
      
  
  }
  
  /* Modal Content */
  .modal-content {
    background-image:url(images/blog/explore-podcast1.gif);
     background-repeat:no-repeat; background-size: cover;
    /* background-position: right bottom; */
    margin: auto;
    padding: 20px;
    border:1px solid rgb(18, 139, 113);
    width: 30%;
    height: 80%;
    border-radius: 10px;
  
  }
  
  /* The Close Button */
  .close {
    color: #fff;
    /* float:right; */
    font-size: 20px;

    margin-top: -29px;
    margin-left: 367px;
  }
  
  .close:hover,
  .close:focus {
    color: rgb(168, 48, 48);
    text-decoration: none;
    cursor: pointer;
  }
  #myBtn{
  
      border: 1.5px solid #24d150;;
      width: 240px;
      padding: 10px;
      font-size: 20px;
      color: white;
      
   
  }
  #myBtn:hover{
    border: 1px solid rgb(63, 161, 206);
  }
  
  
    
  .button {
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
  }
  
  .button span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
  }
  
  .button span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
  }
  
  .button:hover span {
    padding-right:3px;
  }
  
  .button:hover span:after {
    opacity: 0;
    right: 0;
  }
  
  
  
  #outer
  {
    width:100%;
    text-align:center;
    margin-left: -80px;
  }
  .inner
  {
    display: inline-block;
  }
  
  /*spotify*/
  body{
    overflow-x: hidden !important;
}