#header {min-height: 50px;}
#header img {width: 100%;}
#cartaz .container {position: relative; top: -150px; text-align: center;}
#cartaz img {margin: 0 auto;}
#video {padding-top: 100px; padding-bottom:100px; text-align: center; min-height: 600px; background: url('../images/videobg.webp') center; background-size: cover;}
#video .container {padding: 20px 0; text-align: center;}
#video .container a {padding: 12px;}
#video .container img {display: inline-block; margin: 0 auto;}
#social {padding-top: 15px; padding-bottom: 5px; background: #000;}
ul.socialIcons { padding: 0; text-align: center;}
  .socialIcons li {margin: 0 2px; background-color: yellow; list-style: none; display: inline-block; border-radius: 2em; overflow: hidden;}
    .socialIcons li a {display: block; padding: 0.4em 0; min-width: 2.5em; max-width: 2.5em; height: 2.5em; white-space: nowrap;
    line-height: 2em; /*it's working only when you write text with icon*/
    transition: 0.5s; text-decoration: none; font-family: arial; color: #fff;}
    .socialIcons li:hover a {max-width: 200px; background: #000;}
    .socialIcons .facebook {background-color: #3b5998;}
    .socialIcons .instagram {background-color: #ff0161;}
    .socialIcons .youtube {background-color: #c92228;}
    .socialIcons .linkdin {background-color: #0068c2;}
    .copy {margin:0; padding: 10px 0 0 0; color: #a9a9a9;}
    .copy strong {color: #fff;}
    
/*Centers "button" in the middle of the page*/
.cartaz .container {
  display: flex;
  position: fixed;
  align-items: center;
  justify-content: center;
}

.fcc-btn {
  background-color: #199319;
  color: white;
  padding: 15px 25px;
  text-decoration: none;
}

.fcc-btn:hover {
  background-color: #223094;
}