@media only screen and (max-width: 480px) {
	.site-title {
		font-size: 25px;
	}
}
/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) { ... }

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) { ... }

/* Medium devices (landscrape tablets, 768px and up) */
@media only screen and (min-width: 768px) { ... }

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) { ... }

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) { ... }

@media only screen and (min-width: 1200px) { ... }
   .col-xl-1 { width: 8.33% }
   .col-xl-2 { width: 16.66% }  
   .col-xl-3 { width: 25% }
   .col-xl-4 { width: 33.33% }
   .col-xl-5 { width: 41.66% }
   .col-xl-6 { width: 50% }
   .col-xl-7 { width: 58.33% }
   .col-xl-8 { width: 66/66% }
   .col-xl-9 { width: 75% }
   .col-xl-10 { width: 83.33% }
   .col-xl-11 { width: 91.66% }
   .col-xl-12 { width: 100% }
}

   .img-responsive {
      max-width: 100%;
      height: auto;
   }