@media all and (max-width:60rem){

	.hero-content h1{
		font-size: 4rem;
	}

	.hero-content .desc{
		font-size: 1.06rem;
	}

	.button2{
		font-size: 1.3rem;
	}

	#real-pages{
		font-size: 95%;
	}

}

@media all and (max-width:55rem){

	.experience-new .exp-company{
		font-size: 1.1rem;
	} 

	.exp-date{
		font-size: .83rem;
	}

	.jump-arrow{
		display: inline-block;
	}

	#true-main{
		flex-direction: column;
		align-items: center;
	}

	#home{
		position: initial;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	#real-pages{
	    display: flex;
    	flex-direction: column;
    	align-items: center;
	}

	#real-pages{
		font-size: 92%;
	}



	.footer-column-header{
		font-size: 1.25rem;
	}

	.line{
		font-size: .93rem;
	}


}

@media all and (max-width: 45rem){

	.footer-column-header{
		font-size: 1.1rem;
	}

	.line{
		font-size: .9rem;
	}

	.hero-content h1{
		font-size: 2.8rem;
	}


	#first-foot{
		width: 100%;;
	}

	#first-foot br{
		display: none;
	}

	#first-foot .desc{
		text-align: left !important;
	}

	#footer-content{
		flex-wrap: wrap;
	}

	body{
		padding: 0;
	}

	#home{
		max-width: 90vw;
		margin: auto;
	}

	#real-pages{
		font-size: 91%;
	}

	.skills{
		justify-content: center;
		align-items: center;
	}

	.jump-arrow{
		animation-play-state: running;
	}


}