@media (max-width: 991px) {
	body h1{
	    font-size: 2.8rem;
	}
	nav.navbar .navbar-nav{
	    margin-top: 15px;
    	margin-bottom: 15px;
	}
	nav.navbar .navbar-nav .nav-link {
	    padding: 10px 20px;
	}
	nav.navbar .navbar-collapse {
	    background: rgb(0 0 0 / 85%);
	    margin-top: 1em;
	    transition: all .3s ease;
	}
	nav.navbar.fixed .navbar-collapse {
		background: transparent;
	    margin-top: 0;
	}
	.logo1 {
	    width: 80px;
	}
	.portfolio-section .portfolio-row .box {
	    width: 25%;
	}
}

@media (max-width: 767px) {
	body h1{
	    font-size: 2.6rem;
	}
	body h2 {
	    font-size: 1.8rem;
	}
	.portfolio-section .portfolio-row .box {
	    width: 33.33%;
	}
}

@media (max-width: 575px) {
	body h1{
	    font-size: 2.4rem;
	}
	body h2 {
	    font-size: 1.65rem;
	}
	.portfolio-section .portfolio-row .box {
	    width: 50%;
	}
	.contact-section .email-box .fa-envelope{
		font-size: 3.5em;
	}
}