.inline{
    display: inline-block;
}

.cell{
  display: table-cell;
}

.table{ 
  display: table; 
}
.tr{ 
  display: table-row; 
}
.td{ 
  display: table-cell; 
}

.center{
  text-align: center;
}
.middle{
  vertical-align: middle;
}
.top{
  vertical-align: top;
}
.left{
  text-align: left;
}
.fleft{
  float:left;
}
.right{text-align: right;}

  /* Style all font awesome icons */
  .fa {
    padding: 10px;
    font-size: 30px;
    width: 30px;
    text-align: center;
    text-decoration: none;
    margin-right: 10px;
  }
  
  /* Add a hover effect if you want */
  .fa:hover {
    opacity: 0.7;
  }
  
  /* Set a specific color for each brand */
  
  /* youtube */
  .fa-youtube {
    background: #bb0000;
    color: white;
  }
  
  /* Facebook */
  .fa-facebook {
    background: #3B5998;
    color: white;
  }
  .youtube-vid{
    min-height: 240px;
  }
  /* Twitter */
  .fa-twitter {
    background: #55ACEE;
    color: white;
  }

   /* linkedin */
   .fa-linkedin {
    background: #0a66c2;
    color: white;
  }
  @media only screen 
  and (min-device-width : 320px) 
  and (max-device-width : 480px) { 
    /* For tablets: */
    .col-xs-1 {width: 8.33%;}
    .col-xs-2 {width: 16.66%;}
    .col-xs-3 {width: 25%;}
    .col-xs-4 {width: 33.33%;}
    .col-xs-5 {width: 41.66%;}
    .col-xs-6 {width: 50%;}
    .col-xs-7 {width: 58.33%;}
    .col-xs-8 {width: 66.66%;}
    .col-xs-9 {width: 75%;}
    .col-xs-10 {width: 83.33%;}
    .col-xs-11 {width: 91.66%;}
    .col-xs-12 {width: 100%;}


    .col-xs-shift-l-1{padding-left: 8.33%;}
    .col-xs-shift-l-2{padding-left:16.66%;}     
    .col-xs-shift-l-3{padding-left:25%;} 
    .col-xs-shift-l-4{padding-left: 33.33%;}
    .col-xs-shift-l-5{padding-left: 41.66%;}     
    .col-xs-shift-l-6{padding-left:50%;}
    .col-xs-shift-l-7{padding-left: 58.33%;}
    .col-xs-shift-l-8{padding-left:66.66%;}   
    .col-xs-shift-l-9{padding-left:75%;}
    .col-xs-shift-l-10{padding-left:83.33%;}
    .col-xs-shift-l-11{padding-left:91.66%;}
    
    .fa {
      padding: 10px;
      font-size: 20px;
      width: 20px;
      text-align: center;
      text-decoration: none;
      margin-right: 5px;
    }
  }

  @media only screen 
  and (min-device-width : 481px) 
  and (max-device-width : 768px) { 
    /* For tablets: */
    .col-s-1 {width: 8.33%;}
    .col-s-2 {width: 16.66%;}
    .col-s-3 {width: 25%;}
    .col-s-4 {width: 33.33%;}
    .col-s-5 {width: 41.66%;}
    .col-s-6 {width: 50%;}
    .col-s-7 {width: 58.33%;}
    .col-s-8 {width: 66.66%;}
    .col-s-9 {width: 75%;}
    .col-s-10 {width: 83.33%;}
    .col-s-11 {width: 91.66%;}
    .col-s-12 {width: 100%;}

    .col-s-shift-l-1{padding-left: 8.33%;}
    .col-s-shift-l-2{padding-left:16.66%;}     
    .col-s-shift-l-3{padding-left:25%;} 
    .col-s-shift-l-4{padding-left: 33.33%;}
    .col-s-shift-l-5{padding-left: 41.66%;}     
    .col-s-shift-l-6{padding-left:50%;}
    .col-s-shift-l-7{padding-left: 58.33%;}
    .col-s-shift-l-8{padding-left:66.66%;}   
    .col-s-shift-l-9{padding-left:75%;}
    .col-s-shift-l-10{padding-left:83.33%;}
    .col-s-shift-l-11{padding-left:91.66%;}
  }

  @media only screen 
  and (min-device-width : 769px) 
  and (max-device-width : 1024px) { 
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}


    .col-m-shift-l-1{padding-left: 8.33%;}
    .col-m-shift-l-2{padding-left:16.66%;}     
    .col-m-shift-l-3{padding-left:25%;} 
    .col-m-shift-l-4{padding-left: 33.33%;}
    .col-m-shift-l-5{padding-left: 41.66%;}     
    .col-m-shift-l-6{padding-left:50%;}
    .col-m-shift-l-7{padding-left: 58.33%;}
    .col-m-shift-l-8{padding-left:66.66%;}   
    .col-m-shift-l-9{padding-left:75%;}
    .col-m-shift-l-10{padding-left:83.33%;}
    .col-m-shift-l-11{padding-left:91.66%;}
  }
  
  @media only screen 
  and (min-device-width : 1025px) 
  and (max-device-width : 2960px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}


  .shift-l-1{padding-left: 8.33%;}
  .shift-l-2{padding-left:16.66%;}  
   .shift-l-3{ padding-left:25%;} 
   .shift-l-4{padding-left: 33.33%;}
   .shift-l-5{padding-left: 41.66%;}     
   .shift-l-6{padding-left:50%;}
   .shift-l-7{padding-left: 58.33%;}
   .shift-l-8{padding-left:66.66%;  }   
   .shift-l-9{padding-left:75%;}
   .shift-l-10{padding-left:83.33%;}
   .shift-l-11{padding-left:91.66%;}
  }