* {
  box-sizing: border-box; }

body {
  background: url("../assest/fundo4.jpg") center center repeat fixed #333;
  background-repeat: no-repeat;
  background-size: cover;
  position: static; }

@keyframes pisca {
  from {
    color: red; }
  to {
    color: black; } }
.inicio {
  background-color: black;
  height: 100vh;
  align-items: center; }

.text-personalizado {
  color: red; }

.subtitle {
  color: #17a2b8; }

.menu {
  margin-left: -45px;
  z-index: 999; }
  .menu-img {
    margin-left: 45%; }
  .menu-list {
    opacity: 10;
    list-style-type: none; }
    .menu-list li {
      margin-bottom: 5px; }
    .menu-list a {
      background-color: #17a2b8;
      padding: 3px 15px;
      color: white;
      text-decoration: none; }
      .menu-list a:hover {
        background-color: #ffc400; }

.header {
  width: 100vw;
  height: 100vh; }
  .header div:first-child {
    width: 50vw;
    margin-left: 15rem; }
  .header div:last-child {
    width: 30vw; }
  .header span {
    color: red;
    animation: pisca;
    animation-duration: 1.3s;
    animation-iteration-count: infinite; }
  .header h1 {
    font-size: 5rem; }

.about {
  background-color: white;
  height: 100vh; }
  .about-container {
    width: 90%; }
  .about-text {
    height: 20rem; }
    .about-text article:first-child {
      font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; }
  .about h6 {
    font-size: 1.5rem;
    font-family: 'Courier New', Courier, monospace; }
  .about-insti img {
    width: 15%;
    margin-top: 30px; }

.servicos {
  background-color: rgba(128, 0, 128, 0.335);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  padding: 2rem 0; }

.portfolio {
  background-color: rgba(65, 105, 225, 0.335);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  padding: 2rem 0; }
  .portfolio-div img {
    margin-bottom: 1rem; }

.contato {
  background-color: rgba(6, 8, 3, 0.335);
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  padding: 3rem 0; }

.footer {
  height: auto;
  padding: 10px 0; }
  .footer-redes img {
    width: 50px; }

@media screen and (max-width: 420px) {
  .menu {
    margin-top: -20rem;
    z-index: 999; }

  .header > h1 {
    font-size: 4rem; }
  .header > h5 {
    font-size: 1rem; }

  .about-header img {
    padding-top: 1rem; }
  .about p {
    font-size: 1rem; }
  .about-div {
    flex-direction: column;
    padding: 0; }
    .about-div article {
      padding: 0; }
  .about-text {
    flex-direction: column; }
  .about-container {
    display: flex;
    flex-direction: column; }
  .about-insti {
    flex-direction: column;
    align-items: center; }
    .about-insti img {
      width: 70%;
      margin-top: 1rem; }

  .servicos > p {
    font-size: 1rem; }

  .portfolio, .servicos, .about, .contato {
    height: auto; } }
@media screen and (max-width: 768px) {
  .menu {
    margin-left: -45px;
    z-index: 999; }

  .header > h1 {
    font-size: 4rem; }
  .header > h5 {
    font-size: 1rem; }

  .about-header img {
    padding-top: 1rem; }
  .about p {
    font-size: 1rem; }
  .about-div {
    flex-direction: column !important;
    padding: 0;
    align-items: center; }
    .about-div article {
      padding: 0; }
  .about-text {
    flex-direction: column; }
  .about-container {
    display: flex;
    flex-direction: column; }
  .about-insti {
    padding: 1rem 0;
    align-items: center; }
    .about-insti img {
      width: 50%;
      margin-top: 1rem; }

  .servicos p {
    font-size: 1rem; }

  .portfolio, .servicos, .about, .contato {
    height: auto; } }

/*# sourceMappingURL=style.css.map */