@media screen and (max-width: 1330px){
	body{
		width: 80%;
	}
}

@media screen and (max-width: 998px){
	h2{
		font-size: 4rem;
	}
	#languages{
		top: 0rem;
	}
	h1{
		font-size: 4rem;
	}
	header img {
    	width: 2.6rem;
	}
	header{
		height: 5rem;
	}
	
}

@media screen and (max-width: 600px){
	#col1 {
    	width: 70%;
		background: rgba(255, 255, 255, 0.89);
	}
	#col2 {
    	width: 80%;
	    position: absolute;
	    z-index: -1;
	}
}

@media screen and (max-width: 690px){
	header img {
    	width: 5rem;
	}
	h1{
		width: 50%;
	}
	#languages{
		top: 1rem;
	}
	header {
    	height: 9rem;
	}
	h2 {
   	 font-size: 3.5rem;
	}
}

@media screen and (max-width: 490px){
	header img {
    	width: 3rem;
	}
	h1{
		width: 50%;
		font-size: 2rem;
	}
	#languages{
		top: 0rem;
	}
	header{
		height: 5rem;
	}
	h2 {
   	 font-size: 2.5rem;
	}
}

@media screen and (max-width: 423px){
	nav a {
    	margin-right: 1rem;
	}
}

@media screen and (max-width: 343px){
	body {
    	width: 90%;
	}
}