@media screen and (max-width:1366px) {
	.navigation a {
		font-size: 250%;
	}
}
@media screen and (max-width:1024px) {
	.sidebar {
	width: 12%;
	}
	.navigation a {
		font-size: 200%;
	}
	.col-75 {
	margin-left: 8%;
  }
}
@media screen and (max-width:980px) {
	.sidebar {
	width: 15%;
	}
	.footer {
		height: auto;
	}
}
@media screen and (max-width:800px) {
	.row {
		display: block
	}
	.columns-about {
	align-items: normal;
  }
	.columns-contact {
	align-items: normal;
  }
}
@media all and (max-width: 1000px) {
   .navigation ul {
      flex-wrap: wrap;
   }
   
   .navigation li {
      flex: 1 1 50%;
   }

   .navigation .user {
      flex: 1 1 33.33%;
   }
}

@media all and (max-width: 480px) {
   .navigation li {
      flex-basis: 100%;
   }

   .navigation .user {
      flex-basis: 50%;
   }
	p {
		font-size: 100%;
	}
	.col-25 {
	width: 15%;
	font-size: 100%;
  }
}