div#overlay-container, div#user-message-container, div.overlay-container{
	background-color: rgba(172, 187, 198, 0.5);
	height: 100%;
    left: 0;
	opacity: 1;
	overflow: auto;
    position: fixed;
    top: 0;
	transition: opacity 0.8s;
    width: 100%;
	z-index: 5;
}

div.overlay-container.transparent{
	opacity: 0;
}

div.overlay-section-container, div.overlay-section-container-small{
	background-color: #F0F0F0;
    border-radius: 0.3vw;
    box-shadow: 0 0 1.5vw 2vw rgba(25, 25, 25, 0.2);
	font-size: 0;
	padding: 0 0 0 0;
	position: relative;
	z-index: 6;
}

div.overlay-section-container{
	margin: 6vw 0 5vw 5vw;
	width: 90vw;
}

div.overlay-section-container-small{
	margin: 10vw 0 10vw 15vw;
	width: 70vw;
}

a.close-overlay{
	cursor: pointer;
	position: absolute;
	right: 2vw;
	top: 2vw;
	z-index: 7;
}

div.close-overlay-image{
	background-color: #AAAAAA;
	background-image: url(../../images/close-overlay.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 1.5vw 1.5vw;
	border-radius: 1.5vw;
	height: 3vw;
	transition: background-color 1s;
	width: 3vw;
}

div.close-overlay-image:hover{
	background-color: #039BE5;
}

section.overlay-section{
	border-radius: 0.3vw;
}

@media only screen and (max-device-width: 480px){
	div.overlay-section-container, div.overlay-section-container-small{
	    border-radius: 1.25vw;
	    box-shadow: 0 0 4.5vw 4vw rgba(25, 25, 25, 0.2);
		margin: 24vw 0 12vw 0;
		width: 100vw;
	}

	a.close-overlay{
		right: 4vw;
		top: 4vw;
	}

	div.close-overlay-image{
		background-size: 4.5vw 4.5vw;
		border-radius: 4.5vw;
		height: 9vw;
		width: 9vw;
	}

	section.overlay-section{
		border-radius: 1.25vw;
	}
}