#popup {
display:none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
border: 1px;
border-radius: 20px;
border-color: black;
width: 370px;
height: 320px;
background-image: url("popup-tausta.png");
 background-repeat: no-repeat;
background-size: 100% 100%;
padding: 20px;
text-align: center;
color: white;
z-index: 999999999999999999999999999999999 !important; 
}
#popup h1 {font-size:28px; padding-top: 10px;}
.popup-sisalto{
height: 100%;
width: 100%}

.popup-nappi{
border-radius: 50%;
position:absolute;
height: 30px;
width: 30px;
top:8px;
right:8px;
float: right;
color: white;
background-color: black;}

.ylakulma{
	position:absolute;
height: 5px;
width: 120px;
top:9px;
right:40px;
}


.fb{
	background-color: #139EF8;
	border-color: #139EF8;
	border-radius: 20px;
}
.tw{
	background-color: #1D9BF0;
	border-color: #1D9BF0;
	border-radius: 20px;
}