magic_space.css

/** Spacing system **/
/* Landscape phones and down */
  @media (max-width: 767px) { 
	.xs-no-padding{
		padding:0px;
	}
	.xs-no-margin{
		margin:0px;
	}
	/** Padding top **/
	.xs-p-t-5{
		padding-top:5px;
	}
	.xs-p-t-10{
		padding-top:10px;
	}
	.xs-p-t-20{
		padding-top:20px;
	}
	.xs-p-t-30{
		padding-top:30px;
	}
	.xs-p-t-40{
		padding-top:40px;
	}
	.xs-p-t-50{
		padding-top:50px;
	}
	.xs-p-t-60{
		padding-top:60px;
	}
	/** Padding Bottom **/
	.xs-p-b-10{
		padding-bottom:10px;
	}
	.xs-p-b-20{
		padding-bottom:20px;
	}
	.xs-p-b-30{
		padding-bottom:30px;
	}
	.xs-p-b-40{
		padding-bottom:40px;
	}
	.xs-p-b-50{
		padding-bottom:50px;
	}
	.xs-p-b-60{
		padding-bottom:60px;
	}
	/** Padding Left **/
	.xs-p-l-5{
		padding-left:5px;
	}
	.xs-p-l-10{
		padding-left:10px;
	}
	.xs-p-l-20{
		padding-left:20px;
	}
	.xs-p-l-30{
		padding-left:30px;
	}
	.xs-p-l-40{
		padding-left:40px;
	}
	.xs-p-l-50{
		padding-left:50px;
	}
	.xs-p-l-50{
		padding-left:50px;
	}
	/** Padding Right **/
	.xs-p-r-5{
		padding-right:5px;
	}
	.xs-p-r-10{
		padding-right:10px;
	}
	.xs-p-r-20{
		padding-right:20px;
	}
	.xs-p-r-30{
		padding-right:30px;
	}
	.xs-p-r-40{
		padding-right:40px;
	}
	.xs-p-r-50{
		padding-right:50px;
	}
	.xs-p-r-60{
		padding-right:60PX;
	}
	/** Padding top **/
	.xs-m-t-10{
		margin-top:10px;
	}
	.xs-m-t-20{
		margin-top:20px;
	}
	.xs-m-t-30{
		margin-top:30px;
	}
	.xs-m-t-40{
		margin-top:40px;
	}

	/** Padding Bottom **/
	.xs-m-b-10{
		margin-bottom:10px;
	}
	.xs-m-b-20{
		margin-bottom:20px;
	}
	.xs-m-b-30{
		margin-bottom:30px;
	}
	.xs-m-b-40{
		margin-bottom:40px;
	}

	/** Padding Left **/
	.xs-m-l-5{
		margin-left:5px;
	}
	.xs-m-l-10{
		margin-left:10px;
	}
	.xs-m-l-20{
		margin-left:20px;
	}
	.xs-m-l-30{
		margin-left:30px;
	}
	.xs-m-l-40{
		margin-left:40px;
	}

	/** Padding Right **/
	.xs-m-r-5{
		margin-right:5px;
	}
	.xs-m-r-10{
		margin-right:10px;
	}
	.xs-m-r-20{
		margin-right:20px;
	}
	.m-r-30{
		margin-right:30px;
	}
	.xs-m-r-40{
		margin-right:40px;
	}
  }

  /* Large desktop */
  @media (min-width: 1200px) { ... }
@media (min-width: 1600px) {
.container {
    width: 1170px;
  }
  .col-vlg-1,
  .col-vlg-2,
  .col-vlg-3,
  .col-vlg-4,
  .col-vlg-5,
  .col-vlg-6,
  .col-vlg-7,
  .col-vlg-8,
  .col-vlg-9,
  .col-vlg-10,
  .col-vlg-11 {
    float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
  .col-vlg-12 {
    width: 100%;
	float: left;
	position: relative;
	min-height: 1px;
	padding-right: 15px;
	padding-left: 15px;
  }
  .col-vlg-11 {
    width: 91.66666666666666%;
  }
  .col-vlg-10 {
    width: 83.33333333333334%;
  }
  .col-vlg-9 {
    width: 75%;
  }
  .col-vlg-8 {
    width: 66.66666666666666%;
  }
  .col-vlg-7 {
    width: 58.333333333333336%;
  }
  .col-vlg-6 {
    width: 50%;
  }
  .col-vlg-5 {
    width: 41.66666666666667%;
  }
  .col-vlg-4 {
    width: 33.33333333333333%;
  }
  .col-vlg-3 {
    width: 25%;
  }
  .col-vlg-2 {
    width: 16.666666666666664%;
  }
  .col-vlg-1 {
    width: 8.333333333333332%;
  }
  .col-vlg-pull-12 {
    right: 100%;
  }
  .col-vlg-pull-11 {
    right: 91.66666666666666%;
  }
  .col-vlg-pull-10 {
    right: 83.33333333333334%;
  }
  .col-vlg-pull-9 {
    right: 75%;
  }
  .col-vlg-pull-8 {
    right: 66.66666666666666%;
  }
  .col-vlg-pull-7 {
    right: 58.333333333333336%;
  }
  .col-vlg-pull-6 {
    right: 50%;
  }
  .col-vlg-pull-5 {
    right: 41.66666666666667%;
  }
  .col-vlg-pull-4 {
    right: 33.33333333333333%;
  }
  .col-vlg-pull-3 {
    right: 25%;
  }
  .col-vlg-pull-2 {
    right: 16.666666666666664%;
  }
  .col-vlg-pull-1 {
    right: 8.333333333333332%;
  }
  .col-vlg-pull-0 {
    right: 0;
  }
  .col-vlg-push-12 {
    left: 100%;
  }
  .col-vlg-push-11 {
    left: 91.66666666666666%;
  }
  .col-vlg-push-10 {
    left: 83.33333333333334%;
  }
  .col-vlg-push-9 {
    left: 75%;
  }
  .col-vlg-push-8 {
    left: 66.66666666666666%;
  }
  .col-vlg-push-7 {
    left: 58.333333333333336%;
  }
  .col-vlg-push-6 {
    left: 50%;
  }
  .col-vlg-push-5 {
    left: 41.66666666666667%;
  }
  .col-vlg-push-4 {
    left: 33.33333333333333%;
  }
  .col-vlg-push-3 {
    left: 25%;
  }
  .col-vlg-push-2 {
    left: 16.666666666666664%;
  }
  .col-vlg-push-1 {
    left: 8.333333333333332%;
  }
  .col-vlg-push-0 {
    left: 0;
  }
  .col-vlg-offset-12 {
    margin-left: 100%;
  }
  .col-vlg-offset-11 {
    margin-left: 91.66666666666666%;
  }
  .col-vlg-offset-10 {
    margin-left: 83.33333333333334%;
  }
  .col-vlg-offset-9 {
    margin-left: 75%;
  }
  .col-vlg-offset-8 {
    margin-left: 66.66666666666666%;
  }
  .col-vlg-offset-7 {
    margin-left: 58.333333333333336%;
  }
  .col-vlg-offset-6 {
    margin-left: 50%;
  }
  .col-vlg-offset-5 {
    margin-left: 41.66666666666667%;
  }
  .col-vlg-offset-4 {
    margin-left: 33.33333333333333%;
  }
  .col-vlg-offset-3 {
    margin-left: 25%;
  }
  .col-vlg-offset-2 {
    margin-left: 16.666666666666664%;
  }
  .col-vlg-offset-1 {
    margin-left: 8.333333333333332%;
  }
  .col-vlg-offset-0 {
    margin-left: 0;
  }

}