body{
    background: #f5f6f5;
    font-family: 'Oswald', sans-serif;
    overflow: hidden;
}
body, html{
  margin:0;
  padding:0;
}
.container{
  min-width: 85%;
}
.index{
	margin-left: -51px;
    width: 100vw;
    height: 100vh;
}


.masthead{
    color: white;
    min-height: 30rem ;
    width: 100%;
    height: 100%;
    padding-top: 8rem;
    background: url('/img/background.png');
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.masthead h1{
   font-size: 4rem;
   margin: 0; 
   padding: 0;
}
.not-active { 
    pointer-events: none; 
    cursor: default; 
} 

.showScroll{
    overflow-y: scroll;
}

#preview {
    border:1px solid #ddd;
    padding:5px;
    border-radius:2px;
    background:#fff;
    max-width:160px;
  }
  
  #preview img {width:150px;height:100px;display:block;}

  #previewBanner {
    border:1px solid #ddd;
    padding:5px;
    border-radius:2px;
    background:#fff;
    max-width:100%;
    max-height: 130px;
  }
  
  #previewBanner img {width:100%;height: 130px;display:block;}

  header {
    background: white;
    width: 100%;
    position: fixed;
    z-index: 100;
  }

  .myContent {
    padding-top: 100px;
  }

  /* linea vertical izquierda */
  .vl {
    border-left: 1px solid darkgrey;
  }

  /* linea vertical derecha */
  .vr {
    border-right: 1px solid darkgrey;
  }

  input:invalid{
    border: 1px solid lightsalmon;
  }

  /* input:invalid:required{
    background-image: linear-gradient(to right, snow, rgb(155, 155, 152));
  } */
  input:valid{
    border:1px solid lightgrey;
  }
  .disabled {
    cursor: not-allowed;
    pointer-events: none;
}
.fontBody{
  font-size: 13px;
}