@media screen and (min-width: 1651px) {
  .first{
    padding-top: 3em;
  }
}

@media screen and (max-width: 1650px) {
  .header {
    height: 100px;  /* altura da barra superior */
  }
  .header .wrapper {
    max-width: 95%;
  }
  .header .logo {
    height: 60px; /*tamanho do símbolo atrás do logo */
  }
  .header .logo a pre {   /* <pre> evita quebra de linha */
    padding-left: 60px;
    font-size: 2.4rem;
  }
  section > .inner,
  footer{
    padding: 0 3em;
  }
  .parallax-inner{
    padding: 0 0 0 3em;
  }
  .box-row-container > .box {
    height: 30vw;
  }
}
@media screen and (max-width: 1380px) {
  .header .logo {
    height: 53px; /*tamanho do símbolo atrás do logo */
  }
  .header .logo a pre {   /* <pre> evita quebra de linha */
    padding-left: 53px;
    font-size: 2.3rem;
  }
  section {
    padding: 0;
    margin: 0;
  }
  section > .inner,
  footer{
    padding: 0;
  }
  .parallax-inner{
    padding: 0;
  }
  section .withtext{
    margin: 0 1.5em;
  }
}

@media screen and (max-width: 1200px) {
  .header {
    height: 90px;  /* altura da barra superior */
  }
  .header .logo {
    height: 45px; /*tamanho do símbolo atrás do logo */
  }
  .header .logo a pre {   /* <pre> evita quebra de linha */
    padding-left: 45px;
    font-size: 2.3rem;
  }
  .header .nav li { /* <li>s com espaçamento */
    max-width: 80px;
  }
  .linktext,
  .linktext:visited{
    font-size:1.10em;
  }
  .linktext:hover,
  .linkactive{
    font-size:1.20em;
  }
  .header .nav li div.social:last-child {
    width: 155px;
  }
  .header .nav li div.social:last-child a {
    padding-right: 23px;
  }
  .social {
    font-size: 20pt;
  }
  .box-row-container > .art-box {
    flex: 1 1 33.333%; /*grow | shrink | basis */
    height: 30vw;
  }
  .parallax-wrapper{
    height: 80%;
    display: flex;
    flex-wrap: wrap;
  }
  .parallax-left{
    float: none;
    width: 100%;
  }
  .parallax-right{
    height: 60vh;
    width: 100%;
    float: none;
    overflow: hidden;
  }
  .parallax-right img{
    float: none;
    width: 100%;
    object-fit: cover;
  }
}
@media screen and (max-width: 900px) {
  .header {
    height: 70px;  /* altura da barra superior */
  }
  .header .logo {
    height: 40px; /*tamanho do símbolo atrás do logo */
  }
  .header .logo a pre {   /* <pre> evita quebra de linha */
    padding-left: 40px;
    font-size: 1.9rem;
  }
  .header .nav li.mobilemenu{
    padding: 0 0 0 1.5em;
    cursor: pointer;
    display: inline-block;
  }

  .header .nav ul.browsermenu{
    display: none;
  }

  .adjust{
    padding: 0;
    margin-top: 0;
  }

  #myNav {
		display: block;
	}
	.overlay {
		height: 0%;
		width: 100%;
		position: fixed;
		top: 0;
		left: 0;
		background-color: rgb(0,0,0);
		background-color: rgba(0,0,0, 0.9);
		overflow-y: auto;
		z-index: 10;
		transition: 0.5s;
	}

	.overlay-content {
		position: relative;
		top: 25%;
		width: 100%;
		text-align: center;
		margin-top: 30px;
	}	

	.overlay a {
		padding: 14px 0;
		text-decoration: none;
		color: #a4a4a4;
		display: block;
		transition: 0.3s;
    font-size:1.4em;
    font-weight: 100;
    text-transform: uppercase;
		top: 15px;
		right: 35px;
	}

	.overlay a:hover, .overlay a:focus {
		color: #ffffff;
	}

	.overlay .closebtn {
		position: absolute;
		top: 20px;
		right: 45px;
		font-size: 60px;
	}

  section > .inner,
  footer{
    padding: 0;
  }
  section .inner .title h2,
  footer .title h2{
    font-size: 20pt;
  }
  section .inner .title h3,
  footer .title h3{
    font-size: 15pt;
  }
  .box-row-container > .box,
  .box-row-container > .art-box {
    flex: 1 1 50%;
    height: 60vw;
  }
}
@media screen and (max-width: 500px) {
  .header .nav li div.social:last-child {
    display: none;
  }
  .linktext:first-child{
    display: none;
  }
  
  .header {
    height: 60px;  /* altura da barra superior */
  }
  .header .logo {
    height: 35px; /*tamanho do símbolo atrás do logo */
  }
  .header .logo a pre {   /* <pre> evita quebra de linha */
    padding-left: 35px;
    font-size: 1.7rem;
  }
  .slideshow-container {
    display: none;
  }
  
  .box-row-container > .box,
  .box-row-container > .art-box {
    flex: 1 1 100%;
    height: 80vw;
  }
}