@media (min-width: 900px) {
      [dynamic-layout]{
        width: 100%;
        margin-top: 20px;
      }
      .dynamic-layout-col-4{
        width : 330px;
      }
      .dynamic-layout-col-8{
        width : 660px;
      }
    }
    @media (min-width: 600px) and (max-width: 900px){
      [dynamic-layout]{
        width: 660px;
      }
      .dynamic-layout-col-4{
        width : 330px;
      }
      .dynamic-layout-col-8{
        width : 660px;
      }
    }
    @media (max-width: 600px){
      [dynamic-layout]{
        width: 330px;
      }
      .dynamic-layout-col-4{
        width : 330px;
      }
      .dynamic-layout-col-8{
        width : 330px;
      }
    }
    .dynamic-layout-item {
      padding: 10px;
    }
    .move-items-animation{
      transition-property: left, top;
      transition-duration: .5s;
      transition-timing-function: ease-in-out;
    }
    .dynamic-layout-item-parent.ng-enter{
      transition: .5s ease-in-out;
      opacity:0;
    }
    .dynamic-layout-item-parent.ng-enter.ng-enter-active{
      opacity:1;
    }
    .dynamic-layout-item-parent.ng-leave{
      transition: .5s ease-in-out;
      opacity:1;
    }
    .dynamic-layout-item-parent.ng-leave.ng-leave-active{
      opacity:0;
    }
    [dynamic-layout]{
      float: left;
      position: relative;
    }
    .container-fluid{
      position: absolute;
      left: 50%;
      transform: translate(-50%);
    }
    .title{
      margin-bottom: 50px;
    }