#popup3{
  	top:180px;
	left:300px;
  }
   #popup2{
   	top:150px;
   	right:20px;
   }
    #popup1{
    	top:0px;
    	left:10%;
    }
    .popup {
    
        position: absolute;
        display: block;
        width: 500px;
    	height: 500px;
        
        color: #252525;
        background-color: #ffffff;
        
       
        box-shadow: 19px 17px 0px -4px rgba(34, 60, 80, 0.2);
        z-index: 100;
        font-family: source-sans-bold,Helvetica,sans-serif;
        text-transform: uppercase;
    
  }
  
  .popup-titlebar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 4px 8px;
    background-color: #dfde48;
    
  }
  
  .popup-title {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
  }
  
  .popup-close {
    position: absolute;
    right: 37px ;
    top: -8px;
    width: 0px;
    height: 0px;
    font-size: 5vh;
    background: none;
    border: none;
    cursor: pointer;
  }
  
  .popup-close:hover {
    color: #ff0000;
  }
  
  .popup-content {
    font-size: 14px;
    
  }
  
  .hidden {
    display: none;
  }