@media all and (min-width: 1441px) {
.overlay-content {
	width:90rem;
}
}

@media all and (max-width: 1440px) {
.overlay-content  {
  border-left:0;
  border-right:0;
}
}

@media all and (max-width: 1300px) {
#nav_head:after {
	font-size:5rem;
}

.overlay .closebtn {
  font-size: 5rem;
}
}

@media all and (max-width: 1200px) {
figure.nav_head {
	width:35%;
}

.overlay-content figure.galeria  {
  padding:0 1rem;
}
}

@media all and (max-width: 1100px) {
#nav_head:after {
	font-size:4.5rem;
}

.overlay .closebtn {
  font-size: 4.5rem;
}

.overlay-content figure.galeria  {
  width:12%;
  padding:0 .7rem;
}

header figure {
	width:80%;
}
}

@media all and (max-width: 1000px) {
.overlay-content figure.galeria  {
  width:13.5%;
  padding:0 .4rem;
}
}

@media all and (max-width: 800px) {
figure.nav_head {
	width:45%;
}

.overlay-content figure.galeria  {
  width:17%;
  padding:0 .5rem;
}
}

@media all and (max-width: 700px) {
figure.nav_head {
	width:47%;
}

.overlay-content figure.galeria  {
  width:19%;
  padding:0 .8rem;
}
}

@media all and (max-width: 600px) {
header figure {
	width:100%;
}

figure.nav_head {
	width:50%;
}

.overlay-content figure.galeria  {
  width:25%;
  padding:0 .5rem;
}
}

@media all and (max-width: 500px) {
html {
    font-size:14px;	
}
#nav_head:after {
	font-size:4rem;
}

.overlay .closebtn {
  font-size: 4rem;
}

figure.nav_head {
	width:60%;
}

.overlay-content figure.galeria  {
  width:30%;
  padding:0 .5rem;
}
}

@media all and (max-width: 400px) {
#nav_head:after {
	font-size:4rem;
}

.overlay .closebtn {
  font-size: 4rem;
}

figure.nav_head {
	width:75%;
}

.overlay-content figure.galeria  {
  width:35%;
  padding:0 .5rem;
}
}