#notificationMessagesContainer {
	background-color: rgba(0, 0, 0, 0.25);
	position: absolute;
	left: 12.5vw;
	top: 6.25vh;
	width: 75vw;
	height: 10vh;
	border-radius: 10px;
	border: 3px ridge silver;
	overflow: hidden;
}

#notificationMessagesContainer .notificationContent ul {
	list-style: none;
	position: absolute;
	width: 75vw;
	height: 7vh;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow-x: hidden;
	overflow-y: auto;
}

#notificationMessagesContainer .notificationContent ul li p a,  #notificationMessagesContainer .notificationContent ul li p a:active, #notificationMessagesContainer .notificationContent ul li p a:hover {
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
	text-decoration: none;
}

#notificationMessagesContainer .notificationContent ul li {
	width: 15vw;
	height: 7vh;
	float: left;
	font-size: 0.75em;
	border-right: 3px ridge silver;
}

#notificationMessagesContainer .notificationContent ul li p {
	position: absolute;
	width: 15vw;
	height: 3.5vh;
	line-height: 3.5vh;
	position: relative;
}

#notificationMessagesContainer .notificationContent ul li p:first-child {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.5em;
}

#notificationMessagesContainer .notificationContent ul li p:nth-child(2), #notificationMessagesContainer .notificationContent ul li p:last-child {
	width: 7.5vw;
	height: 3.5vh;
	position: relative;
}

#notificationMessagesContainer .notificationContent ul li p:last-child {
	left: 7.5vw;
	top: -3.5vh;
}
















#notificationReviewsContainer {
	background-color: rgba(0, 0, 0, 0.25);
	position: absolute;
	left: 12.5vw;
	top: 22.5vh;
	width: 75vw;
	height: 10vh;
	border-radius: 10px;
	border: 3px ridge silver;
	overflow: hidden;
}

#notificationReviewsContainer .notificationContent ul {
	list-style: none;
	position: absolute;
	width: 75vw;
	height: 7vh;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow-x: hidden;
	overflow-y: auto;
}

#notificationReviewsContainer .notificationContent ul li p a,  #notificationReviewsContainer .notificationContent ul li p a:active, #notificationReviewsContainer .notificationContent ul li p a:hover {
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
	text-decoration: none;
}

#notificationReviewsContainer .notificationContent ul li {
	width: 15vw;
	height: 7vh;
	float: left;
	font-size: 0.75em;
	border-right: 3px ridge silver;
}

#notificationReviewsContainer .notificationContent ul li p {
	position: absolute;
	width: 15vw;
	height: 3.5vh;
	line-height: 3.5vh;
	position: relative;
}

#notificationReviewsContainer .notificationContent ul li p:first-child {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.5em;
}

#notificationReviewsContainer .notificationContent ul li p:nth-child(2), #notificationReviewsContainer .notificationContent ul li p:last-child {
	width: 7.5vw;
	height: 3.5vh;
	position: relative;
}

#notificationReviewsContainer .notificationContent ul li p:last-child {
	left: 7.5vw;
	top: -3.5vh;
}













#notificationCommentsContainer {
	background-color: rgba(0, 0, 0, 0.25);
	position: absolute;
	left: 12.5vw;
	top: 38.75vh;
	width: 75vw;
	height: 10vh;
	border-radius: 10px;
	border: 3px ridge silver;
	overflow: hidden;
}

#notificationCommentsContainer .notificationContent ul {
	list-style: none;
	position: absolute;
	width: 75vw;
	height: 7vh;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow-x: hidden;
	overflow-y: auto;
}

#notificationCommentsContainer .notificationContent ul li p a,  #notificationCommentsContainer .notificationContent ul li p a:active, #notificationCommentsContainer .notificationContent ul li p a:hover {
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
	text-decoration: none;
}

#notificationCommentsContainer .notificationContent ul li {
	width: 15vw;
	height: 7vh;
	float: left;
	font-size: 0.75em;
	border-right: 3px ridge silver;
}

#notificationCommentsContainer .notificationContent ul li p {
	position: absolute;
	width: 15vw;
	height: 3.5vh;
	line-height: 3.5vh;
	position: relative;
}

#notificationCommentsContainer .notificationContent ul li p:first-child {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.5em;
}

#notificationCommentsContainer .notificationContent ul li p:nth-child(2), #notificationCommentsContainer .notificationContent ul li p:last-child {
	width: 7.5vw;
	height: 3.5vh;
	position: relative;
}

#notificationCommentsContainer .notificationContent ul li p:last-child {
	left: 7.5vw;
	top: -3.5vh;
}































#notificationFriendsContainer {
	background-color: rgba(0, 0, 0, 0.25);
	position: absolute;
	left: 12.5vw;
	top: 55vh;
	width: 75vw;
	height: 10vh;
	border-radius: 10px;
	border: 3px ridge silver;
	overflow: hidden;
}

#notificationFriendsContainer .notificationContent ul {
	list-style: none;
	position: absolute;
	width: 75vw;
	height: 7vh;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow-x: hidden;
	overflow-y: auto;
}

#notificationFriendsContainer .notificationContent ul li p a,  #notificationFriendsContainer .notificationContent ul li p a:active, #notificationFriendsContainer .notificationContent ul li p a:hover {
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
	text-decoration: none;
}

#notificationFriendsContainer .notificationContent ul li {
	width: 15vw;
	height: 7vh;
	float: left;
	font-size: 0.75em;
	border-right: 3px ridge silver;
}

#notificationFriendsContainer .notificationContent ul li p {
	position: absolute;
	width: 15vw;
	height: 3.5vh;
	line-height: 3.5vh;
	position: relative;
}

#notificationFriendsContainer .notificationContent ul li p:first-child {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.5em;
}

#notificationFriendsContainer .notificationContent ul li p:nth-child(2), #notificationFriendsContainer .notificationContent ul li p:last-child {
	width: 7.5vw;
	height: 3.5vh;
	position: relative;
}

#notificationFriendsContainer .notificationContent ul li p:last-child {
	left: 7.5vw;
	top: -3.5vh;
}












#notificationMatchesContainer {
	background-color: rgba(0, 0, 0, 0.25);
	position: absolute;
	left: 12.5vw;
	top: 71.25vh;
	width: 75vw;
	height: 10vh;
	border-radius: 10px;
	border: 3px ridge silver;
	overflow: hidden;
}

#notificationMatchesContainer .notificationContent ul {
	list-style: none;
	position: absolute;
	width: 75vw;
	height: 7vh;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	overflow-x: hidden;
	overflow-y: auto;
}

#notificationMatchesContainer .notificationContent ul li p a,  #notificationMatchesContainer .notificationContent ul li p a:active, #notificationMatchesContainer .notificationContent ul li p a:hover {
	color: rgba(255, 255, 255, 0.5);
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.66);
	text-decoration: none;
}

#notificationMatchesContainer .notificationContent ul li {
	width: 15vw;
	height: 7vh;
	float: left;
	font-size: 0.75em;
	border-right: 3px ridge silver;
}

#notificationMatchesContainer .notificationContent ul li p {
	position: absolute;
	width: 15vw;
	height: 3.5vh;
	line-height: 3.5vh;
	position: relative;
}

#notificationMatchesContainer .notificationContent ul li p:first-child {
	font-variant: small-caps;
	font-weight: bold;
	font-size: 1.5em;
}

#notificationMatchesContainer .notificationContent ul li p:nth-child(2), #notificationMatchesContainer .notificationContent ul li p:last-child {
	width: 7.5vw;
	height: 3.5vh;
	position: relative;
}

#notificationMatchesContainer .notificationContent ul li p:last-child {
	left: 7.5vw;
	top: -3.5vh;
}






#notificationMessagesContainer h2, #notificationReviewsContainer h2, #notificationCommentsContainer h2, #notificationFriendsContainer h2, #notificationMatchesContainer h2 {
	position: absolute;
	width: 75vw;
	height: 3vh;
	line-height: 3vh;
	top: 0vh;
	left: -0.05vw;
	font-size: 1.5em;
	background-color: rgba(0, 0, 0, 0.5);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
}













.notificationContent {
	position: absolute;
	width: 75vw;
	height: 7vh;
	line-height: 7vh;
	top: 3vh;
	text-align: center;
}

















/*//////////////////////////////////////////////////////////////////////////MEDIA QUERIES*/
/*///////////////////////////////////////////////////////////////////////////////////////*/


/*PORTRAIT SCREENS*/
@media only screen and (orientation: portrait) {

}/*end 1024px*/




/*MEDIUM SCREENS*/
@media only screen and (max-width: 1024px) {

}/*end 1024px*/





/*small screens*/
@media only screen and (max-width:736px) {
	#notificationMessagesContainer h2, #notificationReviewsContainer h2, #notificationCommentsContainer h2, #notificationFriendsContainer h2, #notificationMatchesContainer h2 {
		font-size: 0.75em;
	}

	#notificationFriendsContainer .notificationContent ul li {
		font-size: 0.5em;
	}

	#notificationFriendsContainer .notificationContent ul li p:first-child {
		font-size: 1.5em;
	}
}/*end 736px*/





/*Iphone 6*/
@media only screen and (max-width:627px) {

}/*end 627px*/


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


	#notificationFriendsContainer .notificationContent ul li {
		font-size: 0.45em;
	}

	#notificationFriendsContainer .notificationContent ul li p:first-child {
		font-size: 1.25em;
	}
}/*end 480px*/


@media only screen and (max-width : 375px) {
	#notificationFriendsContainer .notificationContent ul li {
		font-size: 0.4em;
	}

	#notificationFriendsContainer .notificationContent ul li p:first-child {
		font-size: 1.25em;
	}
}/*end 375px*/


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

}/*end 320px*/









/*Smartphone*/
@media only screen and (max-width:568px) and (orientation: landscape) {

}/*end 568px landscape*/


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

}/*end 350px landscape*/