notificationTitleSection{
	display:block;
	text-align:center;
	margin:3vw auto 1vw auto;
	color:#999;
	
}
notificationArea{
	display:block;
	text-align:center;
	margin:10vw 1vw 0 0vw;
	text-align:left;
	background:white;
	padding:3vw 1vw 22vw 1vw;

}

	notificationTitleSection{
		display:block;
		text-align:center;
		margin:1vw auto 4vw auto;
		font-weight:bold;
		color:#999;
	}
	notification{
		display:block;
		font-size:4.5vw;
		text-align:left;
		line-height:5vw;
		margin:0 0 5vw 0;
		overflow: hidden;
	}
	notificationBlock1{
		display:block;
		float:left;
		margin:0 1vw 0 0;
	}
		notificationIcon{
			display:inline-block;
			padding:0;
			margin:1.5vw 1vw 0 0;
			background-size: 8.5vw;
			width:8.5vw;
			height:8.5vw;
			background-repeat: no-repeat;
			background-position: 0px 0px;
		}
		notificationUserImage{
			width: 8.5vw;
			height: 8.5vw;
			margin: 0px 0px 0 0;
			display:inline-block;
			border-radius: 30%;
			background-position: 	center center;
			background-repeat: 		no-repeat;
			background-size: 			cover;				
		}
	.notificationBlock2{
		display:block;
	  padding: 1vw 0px 0 0;
	  margin: 0 0 0 1vw;
	  color: #444;
	  float:right;
	}
		notificationImage{
			width: 15vw;
			height: 15vw;
			margin:0 0vw 0 1vw;
			display:block;
			border-radius: 3vw;
			background-position: 	center center;
			background-repeat: 		no-repeat;
			background-size: 			cover;
		}
	.notificationNick{
		display:inline-block;
		margin-top:1vw;
	}
	.notificationWishTitle{
		display:inline;
		/*display: inline-block;
  	max-width: 60vw;
  	margin: 0 0 0 0;
  	padding:0px 0 0 0;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow:hidden;
  	vertical-align: middle;
  	*/
	}
	
			
/* DESKTOP VIEW MODIFICATIONS */
@media all and (min-device-width: 640px) and (min-width: 960px) and (orientation: landscape ){
	body{

	}
	notificationArea{
		display:block;
		text-align:center;
		width:800px;
		margin:70px auto 0 auto;
		text-align:left;
		background:white;
		padding:20px;
		/*display:flex;
		flex-wrap: wrap;
		justify-content:center;
		
		*/
		/*display: grid;
		grid-template-columns: repeat(auto-fill, minmax(150px, 0px)); 
		grid-gap: 0px; 
		justify-content: center;*/
		
	}
	notificationTitleSection{
		display:block;
		text-align:center;
		margin:10px auto 16px auto;
		font-weight:bold;
		color:#999;
	}
	notification{
		display:block;
		font-size:14px;;
		text-align:left;
		line-height:18px;
		margin:0 0 15px 0;
		overflow:hidden;
	}
	notificationBlock1{
		display:block;
		float:left;
		margin:0 4px 0 0;
	}
		notificationIcon{
			display:inline-block;
			padding:0;
			margin:10px 4px 0px 0;
			background-size: 25px;
			width:25px;
			height:25px;				
			background-repeat: no-repeat;
			background-position: 0px 0px;
			/*background-color:gray;				*/
		}
		notificationUserImage{
			width: 25px;
			height: 25px;
			margin: 0px 0px 0 0;
			display:inline-block;
			border-radius: 50%;
			background-position: 	center center;
			background-repeat: 		no-repeat;
			background-size: 			cover;				
		}
	.notificationBlock2{
		display:block;
		/*flex-grow: 1;
	  flex-shrink: 1;
	  flex-basis: auto;
	  align-items: start;
	  flex-direction: row;
	  justify-content: center;*/
	  padding: 5px 0px 0 0;
	  margin: 0 0 0 4px;
	  /*background: #232323;*/
	  color: #444;
	  float:right;
	}
		notificationImage{
			width: 40px;
			height: 40px;
			margin:0 0px 0 5px;
			display:block;
			border-radius: 5px;
			background-position: 	center center;
			background-repeat: 		no-repeat;
			background-size: 			cover;
		}
	.notificationNick{
		display:inline-block;
		margin-top:15px;
  	/*background-color:#D3E7E1;*/
	}
	.notificationWishTitle{
		/*display: inline-block;
		min-width:20px;
  	max-width: 320px;
  	margin: -3px 0 0 0;
  	padding:0px 0 0 0;
  	text-overflow: ellipsis;
  	white-space: nowrap;
  	overflow: hidden;
  	vertical-align: middle; */
  	
	}
}



/* \- notification */