@import url("http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,600,600italic,700,700italic");

body, p, li {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 16px;
  text-align: justify;
  line-height: 24px;
}

.ui.inverted.header {
  font-family: "Source Sans Pro", sans-serif;
  font-weight: 700;
}

.ui.menu>.container, .ui.menu>.grid {
  font-family: "Source Sans Pro", sans-serif;
  font-size: 15px;
}

.header {
  text-align:center;
}

.site {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}

.site-content {
  flex: 1;
}

.ui.menu {
  margin: 0px 0px 0px 0px;
}

h3 span {
  font-size: 15px;
}

.socios {
  font-size: 15px;
  line-height: 20px;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even) {
  background-color: #f2f2f2
}

th {
  background-color: #205868;
  color: white;
}

.sameline h4, .sameline p {
  display: inline;
}

.icon.social {
  color: #777777;
}

.icon.social:hover {
  color: #444444;
}

.effect {
  position:relative;
  box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}

.effect:before, .effect:after {
  content:"";
  position:absolute;
  z-index:-1;
  box-shadow:0 0 20px rgba(0,0,0,0.8);
  top:0;
  bottom:0;
  left:10px;
  right:10px;
  border-radius:100px / 10px;
}

.effect:after {
  right:10px;
  left:auto;
  transform:skew(8deg) rotate(3deg);
}

.apoios {
  margin: 20px;
}

.facebook {
  color: #3b5998;
}

.twitter {
  color: #1DA1F2;
}

.linkedin {
  color: #0077b5;
}

.youtube {
  color: #e52d27;
}

small {
  font-size: 20px;
}

.copyright {
  padding-top: 10px;
}

.ui.footer.segment {
  margin: 5em 0em 0em;
  padding: 4em 0em;
}