#shirt {

  background: white;
  position: fixed;

}

.hero-modal-text {}

#shirt .close {text-align: right; top: 30px; right: 30px; left: auto;}

#shirt .modal-content {margin-top: 30px;}

@media screen and (max-width: 480px) {
  
  #shirt .close {text-align: center; top: 0px; left: auto; right: auto; left: auto;}
.hero-modal-text {width: 100%;}
  #shirt h2 {font-size: 20px; margin-top: 0px;}
#shirt .modal-content {padding: 30px;}

}