ul.footer {
    list-style: none; 
    padding: 0;
    margin: 0;
}

ul.footer p {
    font-size: 12px;
    margin-top: 20px;
    text-align: center;
}

ul.footer li {
    margin: 0px;
    margin-top: 10px;
    margin-right: 5px;
    padding: 0px;
    display: inline-block;
}

ul.footer > li > img {
  height: 30px;
}

header.carousel {
    width: 100%;
    height: 860px;
    margin-top: 0px;
    background-size: contain;
}

header.carousel .classic {
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.panel-body p {
  text-align: justify;
}

div.has-success {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-radius: 3px;
  background-color: #f5f5f5;
  color: black;
  font-weight: bold;
}

input.datepicker {
  width: 180px;
}

.navbar-fixed-top{
  min-height: 40px;
}

.navbar-brand {
  /*line-height: 32px;*/
  font-size: 26px;
}

nav {
  font-size: 22px;
}

.center > p{
   text-align: center;
}

img.squeeze {
  margin: 0; 
  padding: 0;
  width: 100%;
}

.navbar-right {
  margin-right: 20px;
}

/* REGULAR OLD MONITOR */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 600px) {
    header.carousel { height: 70%; }
    header.carousel .classic { background-size: contain;}
    /*div.hr1 { height: 230px;}*/
}

@media only screen 
  and (min-width: 601px) 
  and (max-width: 799px) {
    header.carousel { height: 70%; }
    header.carousel .classic { background-size: contain;}
    /*div.hr1 { height: 230px; background-color: pink;}*/
}


@media only screen 
  and (min-width: 800px) 
  and (max-width: 1200px) 
  and (max-height: 1000px) {
    header.carousel { height: 50%; }
    header.carousel .classic { background-size: contain;}
    /*div.hr1 { height: 290px; }*/
}

@media only screen 
  and (min-width: 800px) 
  and (max-width: 1200px) 
  and (min-height: 1000px) 
  and (max-height: 1350px) {
    header.carousel { height: 60%; }
    header.carousel .classic { background-size: contain;}
}

/* NEW MONITOR */
@media only screen 
  and (min-width: 1200px) 
  and (max-height: 1350px) {
    header.carousel { height: 80%; }
    header.carousel .classic { background-size: contain;}
}

@media only screen 
  and (min-width: 1200px) 
  and (min-height: 1350px) {
    header.carousel { height: 860px; }
    header.carousel .classic { background-size: all;}
}

/* ----------- iPhone 4 and 4S ----------- */

@media only screen 
  and (max-width: 320px) {
    header.carousel { height: 55%; }
    header.carousel .classic { background-size: contain;}
}

/* Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (orientation: portrait) {
    header.carousel { height: 55%; }
    header.carousel .classic { background-size: contain;}
}

/* Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 480px)
  and (orientation: landscape) {
    header.carousel { height: 85%; }
    header.carousel .classic { background-size: contain;}
}

/* Very small screen */
@media only screen 
  and (max-width: 320px) 
  and (orientation: portrait) {
    header.carousel { height: 55%; }
    header.carousel .classic { background-size: contain;}
}

@media only screen 
  and (max-width: 320px) 
  and (orientation: landscape) {
    header.carousel { height: 95%; }
    header.carousel .classic { background-size: contain;}
}

/* ----------- iPhone 5 and 5S and Galaxy S3 ----------- */

/* Portrait */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 640px)
  and (orientation: portrait) {
    header.carousel { height: 45%; }
    header.carousel .classic { background-size: contain;}
}

/* Landscape */
@media only screen 
  and (min-width: 320px) 
  and (max-width: 640px)
  and (orientation: landscape) {
    header.carousel { height: 95%; }
    header.carousel .classic { background-size: contain;}
}

/* ----------- iPhone 6 and 6 plus and iPad mini----------- */

/* Portrait */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 736px) 
  and (max-height: 990px)
  and (orientation: portrait) { 
    header.carousel { height: 40%; }
    header.carousel .classic { background-size: contain;}
}

/* Landscape */
@media only screen 
  and (min-width: 375px) 
  and (max-width: 736px) 
  and (orientation: landscape) { 
    header.carousel { height: 95%; }
    header.carousel .classic { background-size: contain;}
}


/* ----------- iPad mini ----------- */

@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: portrait) {
    header.carousel { height: 50%; }
    header.carousel .classic { background-size: contain;}
    /*div.hr1 { height: 290px; background: pink;}*/
}

/* Landscape */
@media only screen 
  and (min-width: 768px) 
  and (max-width: 1024px) 
  and (orientation: landscape) {
    header.carousel { height: 85%; }
    header.carousel .classic { background-size: contain;}
}

/* ----------- Nexus 10 ----------- */

@media only screen 
  and (min-width: 800px) 
  and (max-width: 1280px) 
  and (orientation: portrait) {
    header.carousel { height: 40%; }
    header.carousel .classic { background-size: contain;}
}

/* Landscape */
@media only screen 
  and (min-width: 800px) 
  and (max-width: 1280px) 
  and (orientation: landscape) {
    header.carousel { height: 80%; }
    header.carousel .classic { background-size: contain;}
}

/* very tall */

/*@media only screen 
  and (min-height: 991px) { 
    header.carousel { height: 30%; }
}*/

/*@media only screen 
  and (min-height: 1300px) { 
    header.carousel { height: 25%; }
}

@media only screen 
  and (min-height: 1550px) { 
    header.carousel { height: 20%; }
}

@media only screen 
  and (min-height: 1900px) { 
    header.carousel { height: 15%; }
}
*/