@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("../font/MaterialIcons-Regular.eot"); /* For IE6-8 */
    src: local('Material Icons'),
         local('MaterialIcons-Regular'),
         url("../font/MaterialIcons-Regular.woff2") format('woff2'),
         url("../font/MaterialIcons-Regular.woff") format('woff'),
         url("../font/MaterialIcons-Regular.ttf") format('truetype');
  }
  
  .material-icons {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;  /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
  
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
  
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
  
    /* Support for IE. */
    font-feature-settings: 'liga';
  }

body{
    /*font-family: sans-serif;*/
    background-color: #ececec;
}
header{
    text-align: center;
}
section{
    text-align: center;
}
section img{
    width:50%;
}
footer{
    text-align: center;
}

.boton{
    width:90%;
    height: 100px;
    font-size:20px;
}

.btn-full-block{ 
width:100%;   
text-align: left; 
text-justify: left;
/*background-image: url("../res/yo.jpg");*/
}

#toast-container {
  top: auto !important;
  right: auto !important;
  bottom: 10%;
  left:7%;
}

.logo{
    width:80px !important;
    border: solid 4px #ffffff;
    margin:5px;
    border-radius: 6px;
    vertical-align: middle;
    margin-top: 2px;
}
.logo_fundacion{
    width:98px !important;
    border: solid 4px #ffffff;
    margin:5px;
    border-radius: 6px;
    vertical-align: middle;
    background-color: white;
}
.form_help{
    font-size: 12px;
    color: #cccccc;
    vertical-align: middle;
}