html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

body > .container { padding: 30px 15px 0; }

.navbar-default { background: grey; }

.navbar-header .navbar-brand,
.navbar-header .navbar-brand:hover,
.navbar-default .navbar-nav > li a {
  color: black;
}

.navbar-default .navbar-nav > li a:hover {
  color: white;
  background: grey);
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus,
.navbar-default .navbar-nav > .active > a:hover {
  color: white;
  background: grey;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:focus,
.navbar-default .navbar-nav > .open > a:hover { background: grey; }

.navbar-nav > li > .dropdown-menu { background: grey; }

.dropdown-menu > li > a:hover { background: grey; }

.navbar-default .navbar-toggle { border-color: white; }

.navbar-default .navbar-toggle .icon-bar { background: white; }

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open >a:focus,
.navbar-default .navbar-nav > .open >a:hover { color: white; }

.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: white; }
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
  color: white;
  background: rgba(0,0,0, 0.1);
}
.footer {
  position: absolute;
  min-height: 50px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  bottom: 0;
  width: 100%; 
  height: 60px;
  background: grey;
  border-top: solid 1px #f5f5f5;
  overflow: hidden;
  text-align: center;
  font-family: 'Lobster Two', cursive;
  color: black;
}

.footer > .text-muted {
  color: black;
  text-shadow: 1px 2px 3px grey;
}

.footer > ul {
  list-style: none;
  padding-left: 0;
  margin-top: 0.25em;
}

.footer > ul li {
  display: inline-block;
}

.footer ul li a {
  color: black;
  text-shadow: 1px 2px 3px grey;
  padding: 0 1em;
}

.footer ul li:not(:last-child) {
  border-right: 1px solid black;
}

.carousel-inner .item img,
.carousel-inner .item img               { width: 100%;}
.container .carousel-indicators .active { background-color:black;}
.container .carousel-indicators li      { border: 1px solid white;}
.container .panel-footer                { margin-top:20px;}



<!-- PUZZLE -->
* { user-select: none;
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent;
    margin:0;
    padding:0;
}
#sortable { 
  list-style-type: none;
   margin-left:auto;
   margin-right:auto;
}

#sortable li { 
  float: left; 
  width: 33%; 
}

#sortable li img {
  vertical-align:bottom;
  width: 100%; 
  height: auto;
}

@media (orientation:landscape){ #sortable {width:100vh;}}
@media (orientation:portrait) { #sortable {width:100%;}}


<!-- CALCULADORA -->
.calculadora {
	margin-left: 25px; margin-right: 25px; margin-bottom: 20px; margin-top: 20px;
	padding: 10px;
	float: left;	
	min-width: 204px;
	max-width: 750px;
}
  #titcalcu {
      width: 80%;
      margin-left: 40px;
      left: 10%;
      padding:5px;
      border-radius: 24px;
      border:2px solid blue;
      background-color:#CCF;
      text-align: center;
      font-family: serif;
	  min-width: 204px;
	  max-width: 750px;
  }
  #calcu {
    width: 30%;
    margin: 20px;
    padding: 20px;
    font-size: 16px;
    border-radius: 36px 12px;
    border:2px solid grey;
    background-color: #E6E6E6;
	min-width: 204px;
	max-width: 750px;
}