.myAlert-tabela{
    position: fixed;
    top: 150px; 
    left: 30px;
    width: 340px;
    z-index: 2000;
}


.alert {
  display: none;
}


.alerta {
  -moz-border-radius: 4px;  
  border-radius: 4px;  
  background-color:#79beb4;
  color: #ffffff;
  font-family:'Josefin Sans', RobotoCondensed, tahoma, verdana, sans-serif;
  font-size: 12px;
  max-width: 500px;
  padding: 15px 15px 15px 15px;
  /*margin: 10px 10px 10px 10px;*/
  position: relative;
  bottom: 5px;
}


.floating-alert {
  z-index: 95;
  position: fixed;
  float: center;
  margin-left: 10px;
  margin-right: 0px;
}

.closeNews {
  color: white; 
  margin-top: -5px;
}

/*ecrãs pequenos*/
@media all and (max-width: 800px) {
  .floating-alert {
    right: 10px;
    bottom: 5px;
    text-align: left;
  }   
  
  .closeNews {
    float: right;
    margin-right: -5px; 
  }
  
  .novidades {
    /*margin-bottom: 10px;*/
  }
}

/*ecrãs grandes*/
@media all and (min-width: 801px) {
  .floating-alert {
    right: 20px;
    bottom: 20px;
    text-align: right;
  }
  
  .closeNews {
    float: left; 
    margin-left: -5px; 
  }
  
  .novidades {
    margin-bottom: 5px;
  }
}

.privacy-policy-alert {
  position:fixed;
  z-index:10;
  bottom:0;
  background:#eabbbd;
  border:2px solid #cc5f71;
  -webkit-box-shadow:0 8px 16px rgba(22,31,40,.05);
  box-shadow:0 8px 16px rgba(22,31,40,.05);
  padding:1em;
  width:100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}

.privacy-policy-alert p {
  font-size:1.4rem;
  line-height:1.4;
  padding-right:1em;
  color: #a94442;
}

.privacy-policy-alert .icon {
  -ms-flex-negative:0;
  flex-shrink:0;
  cursor:pointer;
  background-position:-24px -48px
}

@media only screen and (min-width:200px) {
  .privacy-policy-alert {
    left: 8px;
    border-radius:.25em;
    width:95%;
    padding:1.6em;
    bottom:50%;
  }    
}

@media only screen and (min-width:600px) {
  .privacy-policy-alert {
    border-radius:.25em;
    width:auto;
    padding:1.6em;
    left:24px;
    bottom:50%

  }    
}

@media only screen and (min-width:1024px) {
  .privacy-policy-alert p {
    font-size:1.5rem;
    padding-right:2em
  }
}

@media screen and (min-width:1600px) {
  .privacy-policy-alert {
    left:48px;
    bottom:50%
  }
}

.fof-animation {
  max-width:320px;
  margin:0 auto
}

.fof-animation figure {
  height:0;
  padding-bottom:150%
}

.fof-animation img {
  display:block
}