@-ms-viewport {
    width: device-width;
  }
  
  .Container,
  .ContainerFluid {
    margin-right: auto;
    margin-left: auto;
    height: 100%;
  }
  .ContainerFluid {
    padding-left: 15px;
    padding-right: 15px;
  }
  
  .Container {
    width: 100%; /*mobile first*/
    padding-left: 15px; /*-15 do gutter = 15px*/
    padding-right: 15px; /*-15 do gutter = 15px*/
  }
  
  .Row {
    margin-right: -15px;
    margin-left: -15px;
  }
  
  /*clearfix*/
  
  .clearfix,
  .Row:before,
  .Row:after,
  .Container:before,
  .Container:after,
  .ContainerFluid:before,
  .ContainerFluid:after {
    display: table;
    content: "";
  }
  .clearfix,
  .Row:after,
  .Container:after,
  .ContainerFluid:after {
    clear: both;
  }
  /*clearfix*/
  
  
  .Col,
  .Col1,
  .Col2,
  .Col3,
  .Col4,
  .Col5,
  .Col6,
  .Col7,
  .Col8,
  .Col9,
  .Col10,
  .Col11,
  .Col12 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    float:left;
    width: 100%;
  }
  
  /*mobile first*/
  .Col1 { width:25%; }
  .Col2 { width:50%; }
  
  .hiddenSM {
    display: none;
  }
  
  .text-centerSM {
    text-align: center;
  }
  
  .text-sm-center { text-align: center; }
  .text-sm-left { text-align: left; }
  .text-sm-right { text-align: right; }
  
  .Container.full {
    padding: 0 15px;
  }
  
  /*tablet*/
  @media (min-width: 641px) {
    .hiddenSM {
      display: inline-block;
    }
  
    .hiddenLG {
      display: none;
    }
  
    .text-centerSM {
      text-align: left;
    }
  
    .text-lg-center { text-align: center; }
    .text-lg-left { text-align: left; }
    .text-lg-right { text-align: right; }
    
  }
  
  /*pc*/
  @media (min-width: 1100px) {
    .Col1 { width:8.333333%; }
    .Col2 { width:16.666667%; }
    .Col3 { width:25%; }
    .Col4 { width:33.333333%; }
    .Col5 { width:41.666667%; }
    .Col6 { width:50%; }
    .Col7 { width:58.333333%; }
    .Col8 { width:66.666667%; }
    .Col9 { width:75%; }
    .Col10 { width:83.333333%; }
    .Col11 { width:91.666667%; }
    .Col12 { width:100%; }
  }
    
  
  
  .floatcenter {
    float: none;
    margin-left: auto;
    margin-right: auto;
  }
  .floatright {
    float: right;
  }
  
  
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
  }
  
  .video-container iframe,
  .video-container object,
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  
  @media (min-width: 576px) {
      .Container {
          max-width: 540px;
      }
  }
  
  @media (min-width: 768px) {
      .Container {
          max-width: 720px;
      }
  }
  
  @media (min-width: 992px) {
      .Container {
          max-width: 960px;
      }
  }
  
  @media (min-width: 1200px) {
      .Container {
          max-width: 1140px;
      }
  }