/*
 * External CSS imports such as fonts.
 *
 * HTML TEMPLATES ONLY
 * 
 */

/* Google Font */
@import url(http://fonts.googleapis.com/css?family=Cabin:400,400italic,600,600italic,700,700italic); /* Cabin */
@import url(http://fonts.googleapis.com/css?family=Lato:400,400italic,700,700italic);  /* Lato */

/* Icons */
@import url(./font-awesome.min.css);

/* #todo: move this to custom.css */

/* fix for small website title on mobile devices
https://stackoverflow.com/questions/16387400/getting-the-right-font-size-on-every-mobile-device
*/
@media only screen and (max-width: 768px) {
  .sr-only-o {
    font-size: 20px;
  }
}

@media only screen and (max-width: 320px) {
  .sr-only-o {
    font-size: 10px;
  }
}