body {
        max-width: 100%;
        height: 100vh;
	background-color:white;
        margin: auto;
        align-items: center;
        justify-content: center;
        padding:0px 0px;
        background-size: cover;
	background-image: linear-gradient(120deg, #fdfbfb 0%, #ebedee 100%);
      }

h1,p{
	text-shadow:0px 0px 8px white;
}
.jumbotron {
	background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%);
background: rgba(209, 58, 16, 0.4);
border-radius: 16px;
box-shadow: 0 4px 30px rgba(0, 0, 0, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
border: 1px solid rgba(209, 58, 16, 0.3);
}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}

.menu{
  position: absolute;
  top:10px;
  left:10px;
}
.menu__toggle-label{
  background-color: #ce2d00;
  border-top-right-radius: 5px;

  border-bottom-right-radius: 5px;
  box-shadow: 0px 0px 5px black;
}
.menu-item{
  background-color: rgba(0, 0, 0, 0.5);
  font-weight: bolder;
}
.tituloPagina{
  font-size: 1.7rem;
  margin-left: 20px;
  font-weight: bolder;
  color: white;
  text-shadow: 0px 0px 9px black;
}
#cabecera{
  text-align: center;
  width: 100vw;
  margin-top: 10px;
  z-index: 5000;
}

.logoApp{
  width: 220px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 10px;
}

footer{
  margin-top: 100px;
  width: 100%;
  height:100px;
}


@media (min-width: 544px) {  
  body {font-size:1rem;} /*1rem = 16px*/
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
  body { font-size:1.4rem;} /*1rem = 16px*/
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
  body,.datosContrato,td, table { font-size:1.5rem; } /*1rem = 16px*/
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
  body, .datosContrato,td, table {font-size:1.6rem;} /*1rem = 16px*/    
 
}
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Custom media queries
*/
 
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width:1100px) { 
  body,.datosContrato,td, table {font-size:1.5rem;} /*1rem = 16px*/

}