/*FONT*/
	@font-face {
	    font-family: AcuminProWide-Medium;
	    src: url("fonts/AcuminProWide-Medium.otf") format("opentype"),
	         url("fonts/AcuminProWide-Medium.woff") format("woff"),
	    		 url("fonts/AcuminProWide-Medium.ttf") format("ttf");
	}
	@font-face {
	    font-family: AcuminProWide-Regular;
	    src: url("fonts/AcuminProWide-Regular.otf") format("opentype"),
	         url("fonts/AcuminProWide-Regular.woff") format("woff"),
	    		 url("fonts/AcuminProWide-Regular.ttf") format("ttf");
	}
	/*GENERAL STYLE*/ 
	* {
	  text-rendering: optimizeLegibility;
	  -webkit-font-smoothing: antialiased;
	  -moz-osx-font-smoothing: grayscale;
	}
	::-moz-selection{
	  color: #000;
	  background: #fff;
	}
	::selection{
	  color: #000;
	  background: #fff;
	}
  body,
  html{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    font-family: 'AcuminProWide-Regular', sans-serif;
    font-size: 15px;
    letter-spacing: 0.03em !important;
    color: #000!important;
  }
  a:link, a:active, a:visited, a:hover{
  	color: inherit;
  	text-decoration: none;
  }
  a:hover {
  	text-decoration: underline;
  }
  /* HEADING */
  h2{
  	font-family:'AcuminProWide-Medium', sans-serif;
  	font-size:4.27vw;
  	font-weight:100 !important;
  	clear: both;
  	line-height: 1.1em;
  }
  /* HEADING - UNDERLINED VERSION */
  h2 span{
  	box-shadow: inset 0 -0.13em white, inset 0 -0.17em black;
  	margin-bottom: 10px; height: 4vw;
  }
  p{
  	font-size: 1.05em;
  	line-height: 1.3em;
  }
  p.capital{
  	font-size: 11px;
  	text-transform: uppercase;
  }
  p.capital-s{
  	text-transform: uppercase;
  	font-size: 9px;
  	line-height: 1.5;
  	margin: 5px 0 20px 0;
  }
  img{
  	width:100%;
  }
  .shade{
  	box-shadow:0px 0px 40px #bdbee440;
  }
  #menu{
    position: fixed;
    top:0;
    left:0;
    width:100%;
    height:50px;
    line-height:3.3em;
    z-index:100;
    background-color:#fff;
  }
  #menu a{
    font-size: 1.05em!important;
  }
  #this{
  	margin-top: 2px;
  	position:absolute;
  	left:2%;
  }
  #links{
  	margin-top: 2px;
  	position:absolute;
  	right:2%;
  }
  .parallax{
     height:100%;
     background-color:#fff;
     background-size:cover;
     background-position:center;
     background-attachment:fixed;
     background-repeat:no-repeat;
  }
  .creditos{
    position: relative;
    top: 50%;
    right: -47.7%;
    font-size: 9px;
    font-weight: 100;
    text-align: center;
    letter-spacing: 0.1em;
    color: #fff;
    transform: rotate(90deg);
  }
  #selected{
    margin: 50px 1% 20px 1%;
  }
  /* THUMBS */
  .left{
    margin: 0.3% 1%;
    width: 47.7%;
    display: inline-block;
    overflow: hidden;
  }
  .left p{
  	margin: 3px auto;
  }
  /* SLIDES ARROWS */
  .lefty{
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    cursor: url(img/arrow_left_1.png), auto;
  }
  .righty {
    width: 50%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    cursor: url(img/arrow_right_1.png), auto;
  }
  /* LEGENDAS */
  .leg-box{
  	height: 90px;
  }
  .leg span{
  	box-shadow: inset 0 -0.13em white, inset 0 -0.17em black;
  }
  .flex{
  	margin-bottom: 30px;
  	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
  	align-items: stretch;
  	justify-content: space-between;
  	align-content: flex-start;
  }
  .flex-block {
    margin: 0 1%;
    width: 18%;
    height: auto;
  }
  .container {
    display: block;
    float: left;
    width: 17.95%;
    height: 21.5vw;
    margin: 3px 1% 10px 1%;
  }
  .container p{    margin-top: 7px;}
  .container img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
  }
  .container img:hover {
    opacity: 0.9;
  }
  #about{margin:5.9% 2% auto 2%;}
  .contactable{
    width: 96%;
    margin: 1.5% auto 3.05% auto;
    padding: 0;
  }
  .contactable tr{
    width:100%;
    text-align:left;
    vertical-align:top;
  }
  .contactable td{width:20%;}

/*@MEDIA*/ 
  @media only screen and (max-width: 1200px) {
    .container {height: 23vw;}
  }
  @media only screen and (max-width: 1100px) {
    h2 {font-size: 5.5vw;}
    h2 span {height: 5.3vw;}
    #about{margin: 6% 2% 0 2%;}
    .container {height: 15vw;}
    .container p{display: none;}
  }
  @media only screen and (max-width: 1000px) {
    h2 {font-size: 6.5vw;}
    h2 span {height: 6.3vw;}
    #about{margin: 6.5% 2% 0 2%;}
    .container {height: 14.5vw;}
    .talk {width: 98%;}
    .flex-block {width: 98%;}
  }
  @media only screen and (max-width: 850px) {
    h2 {font-size: 30px;}
    h2 span {height: 30px;}
    .parallax{display: none;}
    .creditos{display: none;}
    #about{margin: 11% 2% 0 2%;}
    .container {width: 31.33%; height: 24.5vw;}
    .left {width: 98%;}
  }
  @media only screen and (max-width: 500px) {
    #about{margin: 15% 1.3% 0 1.9%;}
    .container {height: 24vw;}
  }
  @media only screen and (max-width: 375px) {
    #about{margin: 15.7% 1.3% 0 1.9%;}
    .container {height: 23vw;}
  }