/* Year End */

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color: #444;
  display: none;
  opacity: 0.8;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 675px;
  height: 700px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}

#boxes #dialog {
    width: 675px;
    height: 700px;
    padding: 10px;
    background-color: #0079c1;
    font-family: 'proxima-nova', 'Helvetica', Arial, sans-serif;;
    font-size: 15pt;
}

#boxes .give{
	max-width:675px;
	margin:10px;
}

@media only screen and (max-width:500px) {

#boxes .give{
	max-width:300px;
	margin:10px;
	width:95%;
}

#mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9000;
  background-color:#444;
  display: none;
  opacity:0.8;
}

#boxes .window {
  position: absolute;
  left: 0;
  top: 0;
  width: 360px;
  height: 510px;
  display: none;
  z-index: 9999;
  padding: 20px;
  border-radius: 15px;
  text-align: center;
}
#boxes #dialog {
    width: 310px;
    height: 535px;
    padding: 10px;
    background-color: #0079c1;
    font-family: 'proxima-nova', 'Helvetica', Arial, sans-serif;;
    font-size: 15pt;
}
}


@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 736px) 
and (orientation : landscape) 
{
#boxes .give{display:none;}
#mask {display:none;}
#boxes .window {display:none;}
#boxes #dialog {display:none;}	
#boxes {display:none;}	 
}