@import url('https://fonts.googleapis.com/css2?family=Open+Sans+Condensed:wght@300;700&display=swap');
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; -webkit-font-smoothing: antialiased; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
html, body { line-height:1; width:100%; height:100%; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none; }
blockquote:before, blockquote:after,q:before, q:after {	content: ''; content: none;}
table {	border-collapse: collapse;	border-spacing: 0; }
a, a:hover { text-decoration:none; }
section { position:relative; }
.left { float:left; }
.right { float:right; }
.tleft { text-align:left; }
.tright { text-align:right; }
.tcenter { text-align:center; }
.clear { clear:both; }
img.img { max-width:100%; }
#scrollbarIndex { width:0; height:0; position:fixed; top:0; left:0; }

.column { position:relative; width:100%; height:auto; min-height:1px; float:left; -webkit-box-sizing:border-box; box-sizing: border-box; overflow:hidden; }
.column.c0 { width:0; display:none; }
.column.c1 { width:8.33%; display:block; }
.column.c2 { width:16.66%; display:block; }
.column.c3 { width:25%; display:block; }
.column.c4 { width:33.33%; display:block; }
.column.c5 { width:41.66%; display:block; }
.column.c6 { width:50%; display:block; }
.column.c7 { width:58.33%; display:block; }
.column.c8 { width:66.66%; display:block; }
.column.c9 { width:75%; display:block; }
.column.c10 {width:83.33%; display:block; }
.column.c11 { width:91.66%; display:block; }
.column.c12 { width:100%; display:block; }

html { font-family: 'Open Sans Condensed', sans-serif; }

.container { height:calc(100% - 50px); padding: 25px 8%; }
.container:before { position: absolute; content: ""; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; background: url("images/Consuletter-BR-PE.jpg") center center no-repeat; background-size: cover; opacity: 0.2;}
.container .column { position: relative; z-index: 2; text-align: center; }
.container .header .logo { height: 150px; width:auto; }
.container .column img.img { border: 10px solid #000; margin: 25px 0; max-width: calc(100% - 20px);  }
.container .column a.email { color: #000; font-size: 25px; font-weight: 600; line-height: 2.5rem; border-bottom: 3px solid #000; }
.container .column a.email:hover { color: #000; border-color: transparent; }
/*
.container .c6 { height:100%; text-align:center; }
.container .c6:first-child { border-right:5px solid #957a21; }
.container .c6:last-child { border-left:5px solid #957a21; }
.container .c6 .logo { margin:200px 0 0 0; max-width:500px; }
.container .c6 .address { padding:100px 8% 0 8%; color:#231f20; font-size:40px; line-height:65px; letter-spacing:3px; }
.container .c6 .address span { font-size:70px; font-weight:700; position:relative; top:-2px; }
.container .c6 small { font-size:20px; color:#CCC; margin:20px 0 0 0; }
.container .c6 .address a { color:#231f20; } 
.container .c6 .address a:hover { color:#957a21;  } 
.container .c6 iframe { width:100% !important; height:100% !important; border:0 !important; }
*/

@media (max-width: 1441px) {
	.column.nl0 { width:0; display:none; }
	.column.nl1 { width:8.33%; display:block; }
	.column.nl2 { width:16.66%; display:block; }
	.column.nl3 { width:25%; display:block; }
	.column.nl4 { width:33.33%; display:block; }
	.column.nl5 { width:41.66%; display:block; }
	.column.nl6 { width:50%; display:block; }
	.column.nl7 { width:58.33%; display:block; }
	.column.nl8 { width:66.66%; display:block; }
	.column.nl9 { width:75%; display:block; }
	.column.nl10 { width:83.33%; display:block; }
	.column.nl11 { width:91.66%; display:block; }		
	.column.nl12 { width:100%; display:block; }	
}

@media (max-width: 1281px) {
	.column.nm0 { width:0; display:none; }
	.column.nm1 { width:8.33%; display:block; }
	.column.nm2 { width:16.66%; display:block; }
	.column.nm3 { width:25%; display:block; }
	.column.nm4 { width:33.33%; display:block; }
	.column.nm5 { width:41.66%; display:block; }
	.column.nm6 { width:50%; display:block; }
	.column.nm7 { width:58.33%; display:block; }
	.column.nm8 { width:66.66%; display:block; }
	.column.nm9 { width:75%; display:block; }
	.column.nm10 {width:83.33%; display:block; }
	.column.nm11 { width:91.66%; display:block; }		
	.column.nm12 { width:100%; display:block; }
	
    /*
	.container .c6 .logo { margin:200px 0 0 0; max-width:300px; }
	.container .c6 .address { padding:50px 8% 0 8%; font-size:30px; line-height:45px;  }
    */
}

@media (max-width: 1025px) {	
	.column.tl0 { width:0; display:none; }
	.column.tl1 { width:8.33%; display:block; }
	.column.tl2 { width:16.66%; display:block; }
	.column.tl3 { width:25%; display:block; }
	.column.tl4 { width:33.33%; display:block; }
	.column.tl5 { width:41.66%; display:block; }
	.column.tl6 { width:50%; display:block; }
	.column.tl7 { width:58.33%; display:block; }
	.column.tl8 { width:66.66%; display:block; }
	.column.tl9 { width:75%; display:block; }
	.column.tl10 {width:83.33%; display:block; }
	.column.tl11 { width:91.66%; display:block; }		
	.column.tl12 { width:100%; display:block; }	
	
    /*
	.container .c6 .logo { margin:200px 0 0 0; max-width:275px; }
	.container .c6 .address { font-size:28px; line-height:40px;  }	
    */
}

@media only screen 
	and (min-device-width : 768px) 
	and (max-device-width : 1024px) 
	and (orientation : portrait) { 

}

@media (max-width: 769px) {
	.column.tp0 { width:0; display:none; }
	.column.tp1 { width:8.33%; display:block; }
	.column.tp2 { width:16.66%; display:block; }
	.column.tp3 { width:25%; display:block; }
	.column.tp4 { width:33.33%; display:block; }
	.column.tp5 { width:41.66%; display:block; }
	.column.tp6 { width:50%; display:block; }
	.column.tp7 { width:58.33%; display:block; }
	.column.tp8 { width:66.66%; display:block; }
	.column.tp9 { width:75%; display:block; }
	.column.tp10 {width:83.33%; display:block; }
	.column.tp11 { width:91.66%; display:block; }		
	.column.tp12 { width:100%; display:block; }	
	
    /*
	.container .c6 { height:50%; }
	.container .c6:first-child { border-bottom:3px solid #957a21; border-right:0; }
	.container .c6:last-child { border-top:3px solid #957a21; border-left:0; }
	.container .c6 .logo { margin:120px 0 0 0;  }
    */
}

@media (max-width: 641px) {
	.column.ml0 { width:0; display:none; }
	.column.ml1 { width:8.33%; display:block; }
	.column.ml2 { width:16.66%; display:block; }
	.column.ml3 { width:25%; display:block; }
	.column.ml4 { width:33.33%; display:block; }
	.column.ml5 { width:41.66%; display:block; }
	.column.ml6 { width:50%; display:block; }
	.column.ml7 { width:58.33%; display:block; }
	.column.ml8 { width:66.66%; display:block; }
	.column.ml9 { width:75%; display:block; }
	.column.ml10 {width:83.33%; display:block; }
	.column.ml11 { width:91.66%; display:block; }		
	.column.ml12 { width:100%; display:block; }
	
	/*
	.container .c6 .logo { margin:50px 0 0 0; max-width:150px; }
	.container .c6 .address { padding:30px 8% 0 8%;  font-size:20px; line-height:25px;  }	
	.container .c6 .address span { font-size:50px; line-height:60px; top:-2px; }
	.container .c6 small { font-size:15px;  }
    */
}

@media (max-width: 321px) {
	.column.ms0 { width:0; display:none; }
	.column.ms1 { width:8.33%; display:block; }
	.column.ms2 { width:16.66%; display:block; }
	.column.ms3 { width:25%; display:block; }
	.column.ms4 { width:33.33%; display:block; }
	.column.ms5 { width:41.66%; display:block; }
	.column.ms6 { width:50%; display:block; }
	.column.ms7 { width:58.33%; display:block; }
	.column.ms8 { width:66.66%; display:block; }
	.column.ms9 { width:75%; display:block; }
	.column.ms10 {width:83.33%; display:block; }
	.column.ms11 { width:91.66%; display:block; }		
	.column.ms12 { width:100%; display:block; }		
}