body{
	height:100vh;
	width:100%;
	overflow-x: hidden;
}
#pointer-ring, #pointer-dot{
	transition: 0s;
}
body * {
	transition: 0.3s;
}
#img-preload{
	position: absolute;
	top: -100px;
}
#img-preload img{
	width: 10px;
	height: 10px;
}
#portfolio-title{
	font-size: 100px;
    font-weight: bold;
    width: fit-content;
    opacity: 0.2;
    text-align: center;
    padding: 50px 10px;
    margin-left: auto;
    margin-right: auto;
}
#portfolio-title a{
	text-decoration: none;
	color: black;
	text-shadow: #00000000 0px 0 20px;
	padding: 50px 0;
}
#fullpage-background{
	width: 100%;
	height: 100%;
	background-image: url(img/blank.jpg);
	background-color: #4c4c4c;
	background-size: cover;
	background-position: top center;
	opacity: 0.1;
	z-index: -1;
	position: fixed;
	top: 30px;
	left: 0;
	transition-timing-function: ease-in-out;
	transition-delay: 0.1s;
}
#fullpage-background:hover{
	background-image: url(img/blank.jpg);
}
.mwphs:hover, .tsts:hover, .tis:hover, .sm:hover, .tpws:hover, .tes:hover{opacity:1 !important;}
.mwphs:hover ~ #fullpage-background, .tsts:hover ~ #fullpage-background,
.tis:hover ~ #fullpage-background, .sm:hover ~ #fullpage-background,
.tpws:hover ~ #fullpage-background, .tes:hover ~ #fullpage-background{
	opacity: 1;
	top: 0;
}
.mwphs:hover ~ #fullpage-background{background-image: url(img/mwphs.jpg)}
.tsts:hover ~ #fullpage-background{background-image: url(img/tsts.jpg);}
.tes:hover ~ #fullpage-background{background-image: url(img/tes.jpg);}
.tis:hover ~ #fullpage-background{background-image: url(img/tis.jpg);}
.sm:hover ~ #fullpage-background{background-image: url(img/sm.jpg);}
.tpws:hover ~ #fullpage-background{background-image: url(img/tpws.jpg);}

#gap{height: 100px;width: 100%;}

@media only screen and (max-width: 1040px)  {
	#portfolio-title{
		font-size: 8vw;
	}
}

@media only screen and (max-width: 600px)  {
	#portfolio-title{
		padding: 0;
		height: 25vh;
		width: 100vw;
		opacity: 1;
		display: flex;
    	justify-content: center;
    	align-items: center;
		background-position: center;
		background-size: cover;
	}
	.tsts{background-image: url(img/tsts.jpg);}
	.tes{background-image: url(img/tes.jpg);}
	.tis{background-image: url(img/tis.jpg);}
	.mwphs{background-image: url(img/mwphs.jpg);}
	.tpws{background-image: url(img/tpws.jpg);}
	#gap, #fullpage-background{display: none;}
}