/*
Name: GammmCSS
Author: Angelo S. Octavio
Description: A simple css is so basic and light.
Version: 1.0.0
*/


body {
    font-size: 18px; /* Default styles for small screens */
    margin: 1px;
    padding: 5px;
}

.w-4{
  width:100%;
  float:none;
  display: block;
}

.w-4x3{
  width:100%;
  float:none;
  display: block;
}

.w-4x2{
  width:100%;
  float:none;
  display: block;
}

.w-3{
  width:100%;
  float:none;
  display: block;
}

.w-2{
  width:100%;
  float:none;
  display: block;
}

.w-1{
  width: 100%;
  float: none;
  display: block;
}

.row{
  width: 100%;
  display: block;
  float: none;
}

.clear{
  clear: both;
}

/* margins */
.m-top-5{
	margin-top:5px;
}

.m-bottom-5{
	margin-bottom:5px;
}

/* alignments */
.text-center{
  text-align: center;
}
.text-justify{
  text-align: justify;
}
.text-left{
  text-align: left;
}
.text-right{
  text-align: right;
}
.v-align-middle{
  vertical-align: middle;
}
.v-align-top{
  vertical-align: top;
}
.v-align-bottom{
  vertical-align: bottom;
}
.v-align-baseline{
  vertical-align: baseline;
}


@media (min-width: 768px) {
    body {
      font-size: 15px; /* Styles for larger screens */
    }
    .gamm-container {
      width: 720px;
      margin: 0 auto;
    }
}
  
@media (min-width: 992px) {
    .gamm-container {
      width: 960px;
    }

    .w-4{
      width:25%;
      float:left;
    }

    .w-4x3{
      width:75%;
      float:left;
    }

    .w-4x2{
      width:50%;
      float:left;
    }

    .w-3{
      width:33.33333333333333%;
      float:left;
    }
    .w-3x2{
      width: 66.66666666666667%;
      float:left;
    }

    .w-2{
      width:50%;
      float:left;
    }

}

@media print {
    body {
      font-size: 12pt;
      color: #000;
    }
    .gamm-no-print {
      display: none; /* Hide stuff you don't wanna print */
    }
}