/*font-family: 'Lato', sans-serif;
font-family: 'Montserrat', sans-serif;
font-family: 'Indie Flower', cursive;
color vino #841515*/

.container-fluid{
  background: black;
}
.corchea1{
  position: relative;
  color:#479be6;
  padding-top: 3vh;

}
header{
  background-image: url(../images/back.jpg);

  background-size: cover;
  background-repeat: no-repeat;

}
.col-md-offset-6{
  background: grey;
  color: white;
  font-family: 'Lato', sans-serif;
  text-align: center;
}
#about{
  background: black;
  font-family: 'Montserrat', sans-serif;
  color: white;
  text-align: center;
  padding-bottom: 5%;
}
img{
  width:50%;
  height: 50%;
}
.pict{
  border:2px solid grey;
  /*padding-top: 10%;
  padding-bottom: 10%;*/
}
.mensaje{
  padding-top: 1%;
  padding-bottom: 1%;
  background: #353333;
}
#inf{
  background-image: url(../images/circulo.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  text-align: center;
  background-position:center;
  font-family: 'Montserrat', sans-serif

}
.sed{
  color:white;
  background-color: rgba(7, 7, 8, 0.5);
  opacity: 1.2;
  z-index: 100%;
}
footer{
  background: grey;
  color: white;
  text-align: center;
  padding: 2%;
}
.logo{
  font-family: 'Sigmar One', cursive;
}
.musicaliza {
    font-size: 628%;
    padding-top: 6%;
    padding-bottom: 6%;
    font-family: 'Sigmar One', cursive;
}
.musicaliza2 {
    font-size: 300%;
    /* padding-top: 6%;
    padding-bottom: 6%;
    padding-left: 15%; */
    font-family: 'Sigmar One', cursive;
    text-align: center;
    color: #841515;
}
.foot{
  background: grey;
}
.ligthblue{
  color:#f6f6f7;
}
i{
    margin: 0;
    padding: 0 !important;
}

.navbar-brand a{
    text-decoration: none;
    color: white;
}
.navbar{
    margin: 0;
}
.fotolink{
  text-decoration: none;
  color:white;
  font-size: 120%;
  font-weight: bolder;

}
.modal-header {
    background: grey;
}
.modal-body {
    background: black;
    color: white;
    text-align: center;
}
.modal-footer {
    background: grey;
}
.btn-primary {
    background-color: #841515 !important;
    border-color: #7b0418 !important;
}
.hide {
    display: none;
}
input{
    width: 100% !important;
}
.form-group, .form-inline{
    padding-left: 0 !important;
}
.pic{
    width: 3em;
    height: 3em;
    border-radius: 100%;
    background-repeat: no-repeat;
    background-size: cover;

}
.spacing {
    display: inline-block;
    width: 3em;
    height: 3em;

}
.message-container {
    border-bottom: 0.1em solid lightgray;
    margin: 1em 0;
}
#user-pic{
    width:2.5em;
    height: 2.5em;
    border-radius: 100%;
    background-size: cover;
}
.pad{
    padding-top: 0.8em !important;
    padding-left: 0.8em !important;
}
main{
    padding: 5%;
}
#modal-name, #modal-pic{
    display: inline-block;
}
label{
    margin-top: 1em;
}
.name {
    color: #841515;
    font-size: 0.8em;
}