html,body {
  height: 100%;
    margin: 0px;
     -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
       -moz-animation: fadein 2s; /* Firefox < 16 */
        -ms-animation: fadein 2s; /* Internet Explorer */
         -o-animation: fadein 2s; /* Opera < 12.1 */
            animation: fadein 2s;
}

@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
ul {

    list-style-type: none;
    padding: 0;
    overflow: hidden;
   
    width: 100%; /* Full width */
}
#logo{
  width: 10%;
}

#tabela{
    align:center;
    margin-left: 10%;
    margin-right: 10%;
    
}

.down_table{
  width: 68%;
    margin-left: 16%;
    align:center;
    font-family: 'Montserrat', sans-serif;
    font-size: 0.9vw;
    font-weight: 300;
}



li {
    float: left;
    font-family: 'Montserrat', sans-serif;
    font-size: 1vw;
}

li a {
    display: block;
    color: black;
    padding: 16px;
    text-decoration: none;
}
li a:hover {
 color:#ed4044;
}

li a:focus{
 color:#ed4044;
}

h2,h3{
font-family: 'Montserrat', sans-serif;
}


/*p{
    font-family: 'Open Sans', sans-serif;
    font-size: 1.3vw;
}

*/

#welcome{
     color:#ed4044;
    font-family: 'Montserrat', sans-serif;

}

#centrar{
    margin: auto;
    text-align: left;
    width: 55vw;
    font-size: 1.3vw;
}

#direita{
  margin-top: 31%;
  width: 50%;
}

#direita2{
  margin-top: 31%;
  width: 20%;
  float: right;
}

.flexbox-container {
  display: -ms-flex;
  display: -webkit-flex;
  display: flex;
}

.flexbox-container > div {
  padding: 5px;
}

.flexbox-container > div:first-child {
  margin-right: 50px;
}

#baixo{
   margin-top: 24%;
  width: 50%; 
} 

#inicio{
  font-weight: 300;
      font-family: 'Montserrat', sans-serif;
}

#wrapper { 
  position:absolute;
  height:100%;
  width:100%;
}
#b{
  margin-top: 5%;
  background-color:  #ed4044;
}

#first{
  width: 100%;
  z-index: -99; 
}

#inicial {
    font-weight: 300;
      font-family: 'Montserrat', sans-serif;
}
.texto{
   color:white;
  font-family: 'Open Sans';
}

.titulos{
  text-decoration: underline;
  color: white;
}

#download{
  color: black;
  font-weight: 600;
  text-decoration: none;
}

#download:hover{
  color: white;
}

.scrollTop, .scrollDown{
	width:50px; 
	height:50px;
	position:fixed;
	bottom:1%;
	right:2%;
	display:none;
}

.scrollTop{
	background: url(../items/arrow_up.png) no-repeat 6px center;
}

.scrollDown{
	background: url(../items/arrow_down.png) no-repeat 6px center;
}

.scrollTop:hover, .scrollDown:hover{
	text-decoration:none;
}
.invert{
    -webkit-filter: invert(100%);
}