<template>
  <div id="footerroot" class="container-fluid">
    <div id="footercontent">
    </div>
  </div>
</template>

<script>
export default {
  name: "Footer"
}
</script>

<style scoped>
@import "node_modules/bootstrap/scss/_functions.scss";
@import "node_modules/bootstrap/scss/_variables.scss";
@import "node_modules/bootstrap/scss/_mixins.scss";

#footerroot
{
  background-color: black;
  width:100%;
  justify-content: center;
}
#footercontent
{

}

@include media-breakpoint-between(xs, sm) {
  #footerroot
  {
    height:806px;
  }
  #footercontent
  {

  }
}

@include media-breakpoint-between(md, xl) {
  #footerroot
  {
    height: 759px;
  }
  #footercontent
  {
    width:1912px;
    align-content: center;
  }
}

@media screen {

}
</style>
