<template>
  <q-layout view="hHh lpR fFf">
     <header-menu/>
    <q-page-container>
      <router-view />
      <footer-link />
    </q-page-container>
  </q-layout>
</template>

<script>
export default {
  computed: {

  },
  components: {
      "footer-link": () => import("components/footerLink.vue"),
      "header-menu": () => import("components/HeaderMenu.vue")
  },
  methods:{
   
  }
};
</script>


<style lang="css" scoped>
.containers {
  width: 90%;
  padding-right: 0px;
  padding-left: 0px;
  margin-right: auto;
  margin-left: auto;
}
.menu-bg {
  background-color: #00364f;
  /* background-color:#ff6600; */
}
.menu-items,
.menu-items-first {
  list-style: none;
  color: #04b1ed;
  font-size: 18px;
}
.menu-items-first li a {
  color: #04b1ed;
  /* color: #ffe5d2; */
  text-decoration: none;
  text-transform: uppercase;
}
.menu-items li a {
  color: #ffffff;
  text-decoration: none;
}
.menu-items-first li a:hover {
  text-decoration: underline;
}
.menu-items li a:hover {
  text-decoration: underline;
  /* color: #faa770; */
  color: #04b1ed;
}
.no-underline {
  text-decoration: none;
}
.on-hover:hover {
  /* text-decoration-line: underline; */
  color: #ff6600 !important;
}
.img-size {
  width: 22%;
}
@media only screen and (min-width: 0px) and (max-width: 900px) {
.img-size {
  width: 100%;
}
}
</style>