@charset "utf-8";
/* CSS Document */
body{
    
    background-color:#000;
    height: 100vh;
    padding:0;
    margin:0;	
}

.wrapper h1{
	text-align: center;
	color:#FFF;
	font-size: 20px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	text-transform: uppercase;
	font-style:italic;
	
}
.wrapper p{
	text-align: center;
	color:#FFF;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 700;
	margin-top: -15px;
	
}

.wrapper nav{
	text-align: center;
}

.wrapper nav a{
	text-align: center;
	color:#FFF;
	font-size: 10px;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	margin-top: -15px;
	padding: 20px;
	text-transform: uppercase;
	text-decoration:underline;
	
}

.img-area{
	margin-top: 20px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	align-items: center;
	justify-content: center;	
}
.single-img{
	padding: 20px,20px;	
}
img:hover{
	opacity: .5;
	transition: .9s;	
}

@media screen and (max-width: 768px) {
	
	
	
	img{
		height: 165px;
		width: 165px;
		padding: 5px;	
	}
	
	.wrapper nav a{
	font-size:30px;
	padding: 20px;
	}
	
	}