.simplePopup {
display:none;
position:fixed;
border:none;
background:#fff;
z-index:99999;
padding:10px;
width: 60% !important; height:auto; top:10%; left:20% !important; color:#333333
}

.simplePopupClose {
float:right;
cursor:pointer;
position:absolute; right:10px; top:10px; width:30px; height:28px; background-image:url(../images/close.png); z-index:999
}

.simplePopup2 {
display:none;
position:fixed;
border:none;
background:#0d1f35;
z-index:99999;
padding:10px;
width: 80% !important; height:auto; top:10%; left:10% !important; color:#333333
}

.simplePopupBackground {
display:none;
background:#0d1f35;
position:fixed;
height:100%;
width:100%;
top:0;
right:0;
z-index:99998; padding:0; margin:0
}


@media screen and (min-width: 300px) {
.simplePopup2 {width: 80% !important; height:auto; top:10%; left:10% !important; padding:10px}
.simplePopup2 p {font-size:8pt}
.simplePopup {width: 90% !important; left:5% !important}

}
@media screen and (min-width: 480px) {
.simplePopup2 {width: 70% !important; height:auto; top:15%; left:15% !important; padding:20px}
}
@media screen and (min-width: 768px) {
.simplePopup2 {width: 60% !important; height:auto; top:20%; left:20% !important; padding:20px}
.simplePopup2 p {font-size:9pt}
}
@media screen and (min-width: 1024px) {
.simplePopup2, .simplePopup {width: 60% !important; height:auto; top:20%; left:20% !important;}
.simplePopup2 p {font-size:11pt}
}
@media screen and (min-width: 1280px) {
.simplePopup2 {width: 40% !important; height:auto; top:20%; left:30% !important;}
.simplePopup2 p {font-size:11pt}
}
@media screen and (min-width: 1600px) {
.simplePopup2 {width: 30% !important; height:auto; top:20%; left:35% !important;}
}