@charset "UTF-8";

/* CSS Document

DOCUMENT INFORMATION
	- Document: Site Media Queries
	- Version:  1
	- Author:   Simon Oakley

/* =Legend
==================================================

COLORS

Light Maroon  #ac1455
Maroon        #7a003c
Dark Maroon   #56002a
Light Grey    #f1f1f1
Grey          #c6cbce
Dark Grey     #8e979d
Light Slate   #6a7882
Slate         #323e48
Dark Slate    #1e252b
Light Yellow  #fdbf57
Yellow        #e8941a
Dark Yellow   #bf5711
Light Blue    #147cac
Blue          #193989
Dark Blue     #260059
Light Green   #98a632
Green         #677718
Dark Green    #384208

FONTS

Light Condensed         - font-family: 'LightCon';
Light Condensed Italic  - font-family: 'LightConObl';
Bold Condensed          - font-family: 'BoldCon';
Bold Condensed Italic   - font-family: 'BoldConObl';
Condensed               - font-family: 'RegCon';
Condensed Italic        - font-family: 'RegConObl';
Ultra Condensed         - font-family: 'UltraCon';
Font Awesome            - font-family: 'FontAwesome';
Glyphicons Halflings    - font-family: 'Glyphicons Halflings'




/* = Bootstrap Large (large desktops, 1200px and up)
==================================================*/

@media (min-width: 1200px) {
  .carousel-cell {
  height: 400px;
}

}

/* = Bootstrap Medium (large desktops, 1200px and up)
==================================================*/

@media (max-width: 1200px) {
 .carousel-cell {
  height: 350px;
}
}

/* = Bootstrap Small (desktops, 992px and up)
==================================================*/

@media (max-width: 992px) {
 .carousel-cell {
  height: 300px;
}
  .container {
    padding-left:30px; padding-right:30px;
  }





}

/* = Bootstrap Extra Small (tablets, 767px and up)
==================================================*/

@media (max-width: 767px) {
 .carousel-cell {
  height: 250px;
}
  .container {
    padding-left:20px; padding-right:20px;
  }
  .card-image-box {
 height:auto;

}
}

/* = Large Mobile (tablets, 480px and up)
==================================================*/

@media (max-width: 480px) {
 .carousel-cell {
  height: 200px;
}

}

/* = Small Mobile (tablets, 320px and up)
==================================================*/

@media (max-width: 320px) {

}