<template>
    <div class="container pcContainer">
      <headB></headB>
      <div class="w12">
        <bookingsInfo></bookingsInfo>
      </div>
      <footB></footB>
    </div>
</template>
<script>
   import homeHead from '@/pages/home/homeHead.vue'
   import bookingsInfo from '@/components/common/bookingsInfo.vue'
    export default {
        name: '',
        data () {
            return {}
        },
        methods: {},
        components:{
          homeHead,bookingsInfo
        },
    }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="stylus" scoped>
.content{
  width 980px
  max-width 100%
  margin 30px auto
  padding 70px 115px 30px
  box-shadow 0 0 13px #dedfe0
  box-sizing border-box
  background #fff
  color #484848
  text-align justify
  h3{
    margin-bottom 30px
    padding-bottom 35px
    border-bottom 1px solid #e5e5e5
    font-weight bold
    font-size 24px
    text-align center
  }
  p{
    line-height 40px
    font-size 14px
    &.title{
      margin-top 40px
      margin-bottom 0px
      font-weight bold
    }
  }
}
@media (max-width: 768px){
  .top{
    min-width auto
    height 360px
  }
  .w12{
    width 100%
    padding 20px
    box-sizing border-box
  }
  .content{
    width 100%
    padding 20px
  }
}

</style>
