.col-xsm-1,
.col-xsm-2,
.col-xsm-3,
.col-xsm-4,
.col-xsm-5,
.col-xsm-6,
.col-xsm-7,
.col-xsm-8,
.col-xsm-9,
.col-xsm-10,
.col-xsm-11,
.col-xsm-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }



/*Skal måske ændres til */
@media (min-width: 480px) and (max-width: 768px) {
  .col-xsm-1,
  .col-xsm-2,
  .col-xsm-3,
  .col-xsm-4,
  .col-xsm-5,
  .col-xsm-6,
  .col-xsm-7,
  .col-xsm-8,
  .col-xsm-9,
  .col-xsm-10,
  .col-xsm-11 {
    float: left; }

  .col-xsm-1 {
    width: 8.33333%; }

  .col-xsm-2 {
    width: 16.66667%; }

  .col-xsm-3 {
    width: 25%; }

  .col-xsm-4 {
    width: 33.33333%; }

  .col-xsm-5 {
    width: 41.66667%; }

  .col-xsm-6 {
    width: 50%; }

  .col-xsm-7 {
    width: 58.33333%; }

  .col-xsm-8 {
    width: 66.66667%; }

  .col-xsm-9 {
    width: 75%; }

  .col-xsm-10 {
    width: 83.33333%; }

  .col-xsm-11 {
    width: 91.66667%; }

  .col-xsm-12 {
    width: 100%; }

  .col-xsm-push-1 {
    left: 8.33333%; }

  .col-xsm-push-2 {
    left: 16.66667%; }

  .col-xsm-push-3 {
    left: 25%; }

  .col-xsm-push-4 {
    left: 33.33333%; }

  .col-xsm-push-5 {
    left: 41.66667%; }

  .col-xsm-push-6 {
    left: 50%; }

  .col-xsm-push-7 {
    left: 58.33333%; }

  .col-xsm-push-8 {
    left: 66.66667%; }

  .col-xsm-push-9 {
    left: 75%; }

  .col-xsm-push-10 {
    left: 83.33333%; }

  .col-xsm-push-11 {
    left: 91.66667%; }

  .col-xsm-pull-1 {
    right: 8.33333%; }

  .col-xsm-pull-2 {
    right: 16.66667%; }

  .col-xsm-pull-3 {
    right: 25%; }

  .col-xsm-pull-4 {
    right: 33.33333%; }

  .col-xsm-pull-5 {
    right: 41.66667%; }

  .col-xsm-pull-6 {
    right: 50%; }

  .col-xsm-pull-7 {
    right: 58.33333%; }

  .col-xsm-pull-8 {
    right: 66.66667%; }

  .col-xsm-pull-9 {
    right: 75%; }

  .col-xsm-pull-10 {
    right: 83.33333%; }

  .col-xsm-pull-11 {
    right: 91.66667%; }

  .col-xsm-offset-1 {
    margin-left: 8.33333%; }

  .col-xsm-offset-2 {
    margin-left: 16.66667%; }

  .col-xsm-offset-3 {
    margin-left: 25%; }

  .col-xsm-offset-4 {
    margin-left: 33.33333%; }

  .col-xsm-offset-5 {
    margin-left: 41.66667%; }

  .col-xsm-offset-6 {
    margin-left: 50%; }

  .col-xsm-offset-7 {
    margin-left: 58.33333%; }

  .col-xsm-offset-8 {
    margin-left: 66.66667%; }

  .col-xsm-offset-9 {
    margin-left: 75%; }

  .col-xsm-offset-10 {
    margin-left: 83.33333%; }

  .col-xsm-offset-11 {
    margin-left: 91.66667%; }
    
  .hidden-xsm {
    display:none!important
  }
}
@media (min-width: 480px) and (max-width: 768px) {
  .container {
    max-width: 748px; 
  } 
}


/***********************************/


.col-xxs-1,
.col-xxs-2,
.col-xxs-3,
.col-xxs-4,
.col-xxs-5,
.col-xxs-6,
.col-xxs-7,
.col-xxs-8,
.col-xxs-9,
.col-xxs-10,
.col-xxs-11,
.col-xxs-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }


/*Skal måske ændres til */
@media (max-width: 400px) {
  .col-xxs-1,
  .col-xxs-2,
  .col-xxs-3,
  .col-xxs-4,
  .col-xxs-5,
  .col-xxs-6,
  .col-xxs-7,
  .col-xxs-8,
  .col-xxs-9,
  .col-xxs-10,
  .col-xxs-11 {
    float: left; }

  .col-xxs-1 {
    width: 8.33333%; }

  .col-xxs-2 {
    width: 16.66667%; }

  .col-xxs-3 {
    width: 25%; }

  .col-xxs-4 {
    width: 33.33333%; }

  .col-xxs-5 {
    width: 41.66667%; }

  .col-xxs-6 {
    width: 50%; }

  .col-xxs-7 {
    width: 58.33333%; }

  .col-xxs-8 {
    width: 66.66667%; }

  .col-xxs-9 {
    width: 75%; }

  .col-xxs-10 {
    width: 83.33333%; }

  .col-xxs-11 {
    width: 91.66667%; }

  .col-xxs-12 {
    width: 100%; }

  .col-xxs-push-1 {
    left: 8.33333%; }

  .col-xxs-push-2 {
    left: 16.66667%; }

  .col-xxs-push-3 {
    left: 25%; }

  .col-xxs-push-4 {
    left: 33.33333%; }

  .col-xxs-push-5 {
    left: 41.66667%; }

  .col-xxs-push-6 {
    left: 50%; }

  .col-xxs-push-7 {
    left: 58.33333%; }

  .col-xxs-push-8 {
    left: 66.66667%; }

  .col-xxs-push-9 {
    left: 75%; }

  .col-xxs-push-10 {
    left: 83.33333%; }

  .col-xxs-push-11 {
    left: 91.66667%; }

  .col-xxs-pull-1 {
    right: 8.33333%; }

  .col-xxs-pull-2 {
    right: 16.66667%; }

  .col-xxs-pull-3 {
    right: 25%; }

  .col-xxs-pull-4 {
    right: 33.33333%; }

  .col-xxs-pull-5 {
    right: 41.66667%; }

  .col-xxs-pull-6 {
    right: 50%; }

  .col-xxs-pull-7 {
    right: 58.33333%; }

  .col-xxs-pull-8 {
    right: 66.66667%; }

  .col-xxs-pull-9 {
    right: 75%; }

  .col-xxs-pull-10 {
    right: 83.33333%; }

  .col-xxs-pull-11 {
    right: 91.66667%; }

  .col-xxs-offset-1 {
    margin-left: 8.33333%; }

  .col-xxs-offset-2 {
    margin-left: 16.66667%; }

  .col-xxs-offset-3 {
    margin-left: 25%; }

  .col-xxs-offset-4 {
    margin-left: 33.33333%; }

  .col-xxs-offset-5 {
    margin-left: 41.66667%; }

  .col-xxs-offset-6 {
    margin-left: 50%; }

  .col-xxs-offset-7 {
    margin-left: 58.33333%; }

  .col-xxs-offset-8 {
    margin-left: 66.66667%; }

  .col-xxs-offset-9 {
    margin-left: 75%; }

  .col-xxs-offset-10 {
    margin-left: 83.33333%; }

  .col-xxs-offset-11 {
    margin-left: 91.66667%; } 
}
@media (max-width: 400px) {
  .container {
    max-width: 380px; 
  } 
}