    /* Custom, iPhone Retina */ 
    @media only screen and (min-width : 320px)
    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px)
    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px)
    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px)
    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px)

	/*blue: #2f3a70*/

html {
  font-size: 62.5% !important;
}
/*12px = 1.2rem*/

body {
  font-family: 'Lato', sans-serif;
  line-height: 1.4;
}

.container {
  padding-top: 15px;
  padding-bottom: 15px;
}

/*Fonts*/
.h1, .h2, .h3, h1, h2, h3 {
  margin-top: 0px;
  font-weight: bold;
}

p {
  font-size: 16px;
  font-size: 1.6rem;
}

span.blue-text {
  color: #2f3a70
}

/*Header*/
.navbar {
  background: #2f3a70;
  border-radius: 0;
  border: 0;
  margin-bottom: 0px;
}

/*.navbar-right {
  clear: right;
  margin-right: 0;
}*/

.navbar-inverse .navbar-nav li a {
  color: #fff;
}

.navbar-inverse .navbar-nav li a:hover {
  color: #818181;
}

.image-logo {
    max-height: 40px;
}


/*Carousel*/
.carousel-caption {
  background: #2f3a70;
  position: static;
}

.carousel-control .glyphicon-menu-left, .carousel-control .glyphicon-menu-right {
  font-size: 100px;
  font-size: 10.0rem;
}

.carousel-indicators li {
  display: none;
}

/*Footer*/

footer {
  background: #2f3a70;
  color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
}

footer a{
  color: #fff;
}

footer a:hover{
  color: #818181;
}

footer .hr {
  height: 2px;
  background: #fff;
  margin-top: 25px;
}

footer .sitemap {
  font-size: 14px;
  font-size: 1.4rem;
  list-style-type: none;
  float: right;
}

footer .sitemap li {
  display: inline;
  margin-right: 10px;
}

footer .sitemap li a{
  text-decoration: none;
}

/*tablet*/
    @media only screen and (min-width : 768px) {
	  .carousel-caption {
	    position: absolute;
	  }
	  
	  .carousel-indicators li {
		display: inline-block;
	  }
        
        
      .image-logo {
        max-height: 40px;
      }
    }
@media only screen and (min-width : 992px) {
      .image-logo {
        max-height: 50px;
      }
    }
