/* CSS Document */
@media all and (max-width:1280px){
	.port-link-half{height:160px;}
	.port-link-full{height:300px;}
}
@media all and (max-width:960px){
	.container{width:90%;}
	
	[id*="-btn"]:hover{transition:0.5s ease-in-out; filter:grayscale(0%); -webkit-filter:grayscale(0%); -o-filter:grayscale(0%); -moz-filter:grayscale(0%);}
	#portfolio:hover [id*="-btn"]:not(:hover){filter:blur(0px) grayscale(80%); -webkit-filter:blur(0px) grayscale(80%); -o-filter:blur(0px) grayscale(80%); -moz-filter:blur(0px) grayscale(80%);}
	
	.sec-title{font-size:4rem;}
	
	.port-link{height:140px;}
	[id*="-btn"]{}
	[class*="port-link-"]{height:180px; transform:scale(0.97);}
}

/* Main Threshold of Device to PC */
@media all and (max-width:800px){
	.container{width:95%;}
	[class*="port-link-"]{height:180px;}
	.sec-title{font-size:3.4rem;}
	.content:hover .section:not(:hover){filter:none;}
}
@media all and (max-width:768px){
	[class*="text-md-"]{text-align:center;}
	[class*="port-link-"]{height:280px;}
}
/* ADD MORE DEVICES HERE */
/* iPhone SE */
@media all and (max-width:480px){
	.container{width:100%;}
	
	.name{font-size:3rem;}
	.namesub{font-size:1.4rem;}
	
	.nav-li{font-size:1.125rem;}
	
	[class*="port-link-"]{height:150px;}
	
	.sec-title{font-size:2.8rem;}
}