@charset "utf-8";
/* CSS Document */

#fvpp-blackout {
  display: none;
  z-index: 499;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0.5;
}

#my-welcome-message {
  display: none;
  z-index: 500;
  position: fixed;
  width: 36%;
  left: 32%;
  top: 20%;


}

#fvpp-close {
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}

#fvpp-dialog h2 {  font-size: 2em;  margin: 0;}
#fvpp-dialog p { margin: 0; }	

.alert { width: 520px;}
.alert img { width: 100%;}


@media screen and (max-width: 768px) {	
	#my-welcome-message {width: 80%; }
	#fvpp-close {  position: absolute;  top: 30px;  right: 30px;  cursor: pointer;}
}
@media screen and (min-width:769px) and (max-width:1024px) {
	#my-welcome-message {width: 80%; }
	#fvpp-close {  position: absolute;  top: 30px;  right: 30px;  cursor: pointer;}
}

@media screen and (max-width: 480px) {
	#my-welcome-message {width: 80%; left: 10%;	top: 10%;}	
	#fvpp-close {  position: absolute;  top: 15px;  right: 20px;  cursor: pointer;}
}
@media screen and (min-width:481px) and (max-width:736px) {
	#my-welcome-message {width: 80%; left: 10%;	top: 10%;}
	#fvpp-close {  position: absolute;  top: 15px;  right: 20px;  cursor: pointer;}
}