/* Smartphones (portrait) ---------------- */
@media only screen and (max-width : 320px)
{
.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 100%;
	grid-template-rows: 10% 40% 40% 10%;
	grid-gap: 1%;
	grid-template-areas: "header" "imagem" "texto_box" "footer";
}
.texto_box { 
	grid-area: texto_box; 
	z-index: 2;
	margin-top: 0%;	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.imagem { 
	grid-area: imagem; 
	z-index: 1;
	margin-top: 0%;
}
.header {
  display: grid;
  grid-area: header;
  grid-template-columns: 30% 70%;
  grid-template-rows: 40% 60%;
  grid-gap: 1% 1%;
  grid-template-areas: "logo nav" "logo . ";
  z-index: 2;
}

.nav { 
	grid-area: nav; 
	margin-left: -50%;
	margin-top: 1%;
}
h1 {
	display: none;
}
figure.logo {
	margin-top: 0.5em;
	margin-left: 1em;
}
.nav {
	background-color: #16519f;
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	
	}
ul {
	list-style-type: none;
	margin-top: 0.5em;
    margin-left: 20%;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	padding-right: 0em;
	overflow: hidden;
	z-index: 1;
}
li {
    display: inline;
}
a:hover {
    color: #dd5a12;
}
.menu {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	padding-left: 0;	
	padding-right:  2%;
	padding-top: 0;
	padding-bottom: 0;
}
figure.meio {
	text-align: center;
	margin-top: 0%;
	padding: 0;
}
.texto {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: left;
}
.texto1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: center;
	margin-top: -20%;
}
.texto2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 1em;
	text-align: center;
}
.texto3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: center;
}
.texto4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: left;
}
.texto5 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.7em;
	line-height: auto;
	text-indent: 0;
	margin-top: 4em;
	text-align: center;
}

.wifi {
	text-align: center;
	margin-left: 0em;
	margin-top: 1em;
}

.contato {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-indent: 0;
	text-align: left;
	maring-top: 0;
	margin-left: 0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
}
}

/* Smartphones (landscape) ---------------- */
@media only screen and (min-width : 321px) and (max-width : 767px)
{
.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 100%;
	grid-template-rows: 10% 40% 40% 10%;
	grid-gap: 1%;
	grid-template-areas: "header" "imagem" "texto_box" "footer";
}
.texto_box { 
	grid-area: texto_box; 
	z-index: 1;
	margin-top: 0.5%;	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.imagem { 
	grid-area: imagem; 
	z-index: 1;
	margin-top: 1%;
}
.header {
  display: grid;
  grid-area: header;
  grid-template-columns: 30% 70%;
  grid-template-rows: 40% 60%;
  grid-gap: 1% 1%;
  grid-template-areas: "logo nav" "logo . ";
  z-index: 2;
}

.nav { 
	grid-area: nav; 
	margin-left: -40%;
	margin-top: 1%;
}
h1 {
	display: none;
}
figure.logo {
	margin-top: 0.5em;
	margin-left: 1em;
}
.nav {
	background-color: #16519f;
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	
	}
ul {
	list-style-type: none;
	margin-top: 0.5em;
    margin-left: 20%;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	padding-right: 0em;
	overflow: hidden;
	z-index: 1;
}
li {
    display: inline;
}
a:hover {
    color: #dd5a12;
}
.menu {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	padding-left: 0;	
	padding-right:  2%;
	padding-top: 0;
	padding-bottom: 0;
}
figure.meio {
	text-align: center;
	margin-top: 0%;
	padding: 0;
}
.texto {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: left;
}
.texto1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: center;
	margin-top: -20%;
}
.texto2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 1em;
	text-align: center;
}
.texto3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: center;
}
.texto4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: left;
}
.texto5 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.7em;
	line-height: auto;
	text-indent: 0;
	margin-top: 4em;
	text-align: center;
}

.wifi {
	text-align: center;
	margin-left: 0em;
	margin-top: 1em;
}

.contato {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-indent: 0;
	text-align: left;
	maring-top: 0;
	margin-left: 0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
}
}
/* ----------- iPad 1, 2, Mini and Air ----------- */

/* Portrait and Landscape */
@media only screen   and (min-device-width: 768px)   and (max-device-width: 1024px)   and (-webkit-min-device-pixel-ratio: 1) {
.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 100%;
	grid-template-rows: 10% 40% 40% 10%;
	grid-gap: 1% 1%;
	grid-template-areas: "header" "imagem" "texto_box" "footer";
}
.texto_box { 
	grid-area: texto_box; 
	z-index: 1;
	margin-top: 0%;	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.imagem { 
	grid-area: imagem; 
	z-index: 1;
	margin-top: 0%;
}
.header {
  display: grid;
  grid-area: header;
  grid-template-columns: 30% 70%;
  grid-template-rows: 40% 60%;
  grid-gap: 1% 1%;
  grid-template-areas: "logo nav" "logo . ";
  z-index: 2;
}

.nav { 
	grid-area: nav; 
	margin-left: 0%;
	margin-top: 1%;
}
h1 {
	display: none;
}
figure.logo {
	margin-top: 0.5em;
	margin-left: 1em;
}
.nav {
	background-color: #16519f;
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	
	}
ul {
	list-style-type: none;
	margin-top: 0.5em;
    margin-left: 20%;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	padding-right: 0em;
	overflow: hidden;
	z-index: 1;
}
li {
    display: inline;
}
a:hover {
    color: #dd5a12;
}
.menu {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	padding-left: 0;	
	padding-right:  2%;
	padding-top: 0;
	padding-bottom: 0;
}
figure.meio {
	text-align: center;
	margin-top: 0%;
	padding: 0;
}
.texto {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: left;
}
.texto1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: center;
	margin-top: -20%;
}
.texto2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 1em;
	text-align: center;
}
.texto3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: center;
}
.texto4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: left;
}
.texto5 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.7em;
	line-height: auto;
	text-indent: 0;
	margin-top: 4em;
	text-align: center;
}

.wifi {
	text-align: center;
	margin-left: 0em;
	margin-top: 1em;
}

.contato {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-indent: 0;
	text-align: left;
	maring-top: 0;
	margin-left: 0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
}
}

/* Portrait */
@media only screen   and (min-device-width: 768px)   and (max-device-width: 1024px)   and (orientation: portrait)   and (-webkit-min-device-pixel-ratio: 1) {
.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 100%;
	grid-template-rows: 10% 40% 40% 10%;
	grid-gap: 1% 1%;
	grid-template-areas: "header"  "imagem" "texto_box" "footer";
}
.texto_box { 
	grid-area: texto_box; 
	z-index: 1;
	margin-top: 0%;	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.imagem { 
	grid-area: imagem; 
	z-index: 1;
	margin-top: 00%;
}
.header {
  display: grid;
  grid-area: header;
  grid-template-columns: 30% 70%;
  grid-template-rows: 40% 60%;
  grid-gap: 1% 1%;
  grid-template-areas: "logo nav" "logo . ";
  z-index: 2;
}

.nav { 
	grid-area: nav; 
	margin-left: 0%;
	margin-top: 1%;
}
h1 {
	display: none;
}
figure.logo {
	margin-top: 0.5em;
	margin-left: 1em;
}
.nav {
	background-color: #16519f;
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	
	}
ul {
	list-style-type: none;
	margin-top: 0.5em;
    margin-left: 20%;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	padding-right: 0em;
	overflow: hidden;
	z-index: 1;
}
li {
    display: inline;
}
a:hover {
    color: #dd5a12;
}
.menu {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	padding-left: 0;	
	padding-right:  2%;
	padding-top: 0;
	padding-bottom: 0;
}
figure.meio {
	text-align: center;
	margin-top: 0%;
	padding: 0;
}
.texto {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: left;
}
.texto1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: center;
	margin-top: -20%;
}
.texto2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 1em;
	text-align: center;
}
.texto3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: center;
}
.texto4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: left;
}
.texto5 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.7em;
	line-height: auto;
	text-indent: 0;
	margin-top: 4em;
	text-align: center;
}

.wifi {
	text-align: center;
	margin-left: 0em;
	margin-top: 1em;
}

.contato {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-indent: 0;
	text-align: left;
	maring-top: 0;
	margin-left: 0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 100%;
	grid-template-rows: 10% 40% 40% 10%;
	grid-gap: 1% 1%;
	grid-template-areas: "header"  "imagem" "texto_box" "footer";
}
.texto_box { 
	grid-area: texto_box; 
	z-index: 1;
	margin-top: 0%;	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.imagem { 
	grid-area: imagem; 
	z-index: 1;
	margin-top: 00%;
}
.header {
  display: grid;
  grid-area: header;
  grid-template-columns: 30% 70%;
  grid-template-rows: 40% 60%;
  grid-gap: 1% 1%;
  grid-template-areas: "logo nav" "logo . ";
  z-index: 2;
}

.nav { 
	grid-area: nav; 
	margin-left: 0%;
	margin-top: 1%;
}
h1 {
	display: none;
}
figure.logo {
	margin-top: 0.5em;
	margin-left: 1em;
}
.nav {
	background-color: #16519f;
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	
	}
ul {
	list-style-type: none;
	margin-top: 0.5em;
    margin-left: 20%;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	padding-right: 0em;
	overflow: hidden;
	z-index: 1;
}
li {
    display: inline;
}
a:hover {
    color: #dd5a12;
}
.menu {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	padding-left: 0;	
	padding-right:  2%;
	padding-top: 0;
	padding-bottom: 0;
}
figure.meio {
	text-align: center;
	margin-top: 0%;
	padding: 0;
}
.texto {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: left;
}
.texto1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: center;
	margin-top: -20%;
}
.texto2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 1em;
	text-align: center;
}
.texto3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: center;
}
.texto4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: left;
}
.texto5 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.7em;
	line-height: auto;
	text-indent: 0;
	margin-top: 4em;
	text-align: center;
}

.wifi {
	text-align: center;
	margin-left: 0em;
	margin-top: 1em;
}

.contato {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-indent: 0;
	text-align: left;
	maring-top: 0;
	margin-left: 0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
}
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */

/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 2) {
.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 100%;
	grid-template-rows: 10% 40% 40% 10%;
	grid-gap: 1% 1%;
	grid-template-areas: "header" "imagem" "texto_box" "footer";
}
.texto_box { 
	grid-area: texto_box; 
	z-index: 1;
	margin-top: 0%;	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.imagem { 
	grid-area: imagem; 
	z-index: 1;
	margin-top: 0%;
}
.header {
  display: grid;
  grid-area: header;
  grid-template-columns: 30% 70%;
  grid-template-rows: 40% 60%;
  grid-gap: 1% 1%;
  grid-template-areas: "logo nav" "logo . ";
  z-index: 2;
}

.nav { 
	grid-area: nav; 
	margin-left: 0%;
	margin-top: 1%;
}
h1 {
	display: none;
}
figure.logo {
	margin-top: 0.5em;
	margin-left: 1em;
}
.nav {
	background-color: #16519f;
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	
	}
ul {
	list-style-type: none;
	margin-top: 0.5em;
    margin-left: 20%;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	padding-right: 0em;
	overflow: hidden;
	z-index: 1;
}
li {
    display: inline;
}
a:hover {
    color: #dd5a12;
}
.menu {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	padding-left: 0;	
	padding-right:  2%;
	padding-top: 0;
	padding-bottom: 0;
}
figure.meio {
	text-align: center;
	margin-top: 0%;
	padding: 0;
}
.texto {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: left;
}
.texto1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: center;
	margin-top: -20%;
}
.texto2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 1em;
	text-align: center;
}
.texto3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: center;
}
.texto4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: left;
}
.texto5 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.7em;
	line-height: auto;
	text-indent: 0;
	margin-top: 4em;
	text-align: center;
}

.wifi {
	text-align: center;
	margin-left: 0em;
	margin-top: 1em;
}

.contato {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-indent: 0;
	text-align: left;
	maring-top: 0;
	margin-left: 0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
}
}

/* Portrait */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 2) {
.grid-container {
	display: grid;
	width: 100%;
	grid-template-columns: 100%;
	grid-template-rows: 10% 40% 40% 10%;
	grid-gap: 1% 1%;
	grid-template-areas: "header" "imagem" "texto_box" "footer";
}
.texto_box { 
	grid-area: texto_box; 
	z-index: 1;
	margin-top: 0%;	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.imagem { 
	grid-area: imagem; 
	z-index: 1;
	margin-top: 00%;
}
.header {
  display: grid;
  grid-area: header;
  grid-template-columns: 30% 70%;
  grid-template-rows: 40% 60%;
  grid-gap: 1% 1%;
  grid-template-areas: "logo nav" "logo . ";
  z-index: 2;
}

.nav { 
	grid-area: nav; 
	margin-left: 0%;
	margin-top: 1%;
}
h1 {
	display: none;
}
figure.logo {
	margin-top: 0.5em;
	margin-left: 1em;
}
.nav {
	background-color: #16519f;
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	
	}
ul {
	list-style-type: none;
	margin-top: 0.5em;
    margin-left: 20%;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	padding-right: 0em;
	overflow: hidden;
	z-index: 1;
}
li {
    display: inline;
}
a:hover {
    color: #dd5a12;
}
.menu {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	padding-left: 0;	
	padding-right:  2%;
	padding-top: 0;
	padding-bottom: 0;
}
figure.meio {
	text-align: center;
	margin-top: 0%;
	padding: 0;
}
.texto {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: left;
}
.texto1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: center;
}
.texto2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 1em;
	text-align: center;
}
.texto3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: center;
}
.texto4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: left;
}
.texto5 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.7em;
	line-height: auto;
	text-indent: 0;
	margin-top: 4em;
	text-align: center;
}

.wifi {
	text-align: center;
	margin-left: 0em;
	margin-top: 1em;
}

.contato {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-indent: 0;
	text-align: left;
	maring-top: 0;
	margin-left: 0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
}
}

/* Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 2) {
.grid-container {
	display: grid;
	height: 100%;
	width: 100%;s
	grid-template-columns: 100%;
	grid-template-rows: 5% 75% 5%;
	grid-gap: 1% 1%;
	grid-template-areas: "header"  "imagem" "texto_box" "footer";
}
.texto_box { 
	grid-area: texto_box; 
	z-index: 1;
	margin-top: 0%;	
	padding-right: 0.5em;
	padding-left: 0.5em;
}
.imagem { 
	grid-area: imagem; 
	z-index: 1;
	margin-top: 00%;
}
.header {
  display: grid;
  grid-area: header;
  grid-template-columns: 30% 70%;
  grid-template-rows: 40% 60%;
  grid-gap: 1% 1%;
  grid-template-areas: "logo nav" "logo . ";
  z-index: 2;
}

.nav { 
	grid-area: nav; 
	margin-left: 0%;
	margin-top: 1%;
}
h1 {
	display: none;
}
figure.logo {
	margin-top: 0.5em;
	margin-left: 1em;
}
.nav {
	background-color: #16519f;
	margin-bottom: 0;
	margin-top: 0.5em;
	padding-top: 0.2em;
	padding-bottom: 0.5em;
	
	}
ul {
	list-style-type: none;
	margin-top: 0.5em;
    margin-left: 20%;
	margin-bottom: 0;
	padding-top: 0.1em;
	padding-bottom: 0.2em;
	padding-left: 0em;
	padding-right: 0em;
	overflow: hidden;
	z-index: 1;
}
li {
    display: inline;
}
a:hover {
    color: #dd5a12;
}
.menu {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.8em;
	text-indent: 0;
	text-align: center;
	padding-left: 0;	
	padding-right:  2%;
	padding-top: 0;
	padding-bottom: 0;
}
figure.meio {
	text-align: center;
	margin-top: 0%;
	padding: 0;
}
.texto {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: left;
}
.texto1 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	text-align: center;
}
.texto2 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 1em;
	text-align: center;
}
.texto3 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: center;
}
.texto4 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.8em;
	line-height: auto;
	text-indent: 0;
	margin-top: 2em;
	text-align: left;
}
.texto5 {
	font-family: "Helvetica Neue", Helvetica, Arial, "sans-serif";
	color: #01285e;
	font-size: 0.7em;
	line-height: auto;
	text-indent: 0;
	margin-top: 4em;
	text-align: center;
}

.wifi {
	text-align: center;
	margin-left: 0em;
	margin-top: 1em;
}

.contato {
	font-family: "Helvetica", Helvetica, Arial, "sans-serif";
	color: #8db5ee;
	font-weight: normal;
	font-size: 0.7em;
	line-height: 1.2em;
	text-indent: 0;
	text-align: left;
	maring-top: 0;
	margin-left: 0em;
	padding-top: 0.0em;
	padding-bottom: 0.0em;
	padding-left: 1em;
	padding-right: 1em;
}
}