hyml, body, .container, h1, h2, h3, h4, button, a, span{
  font-family: "Ubuntu", serif !important;

}
    .hidden.menu {
      display: none;
    }
    .portada{
      background-image: url(../img/fondo.jpg) !important;
      background-position:center center !important;
      background-repeat: no-repeat !important;
      background-size: cover !important;
    }
    .logo_bg{
      width:300px!important;
      transition: 4s;
      transform-style: preserve-3d;
    }
    .texto_portada{
      font-weight: 300 !important;
      background: rgba(42,35,32,0.7);
      color:white !important;
      font-size: 2.2rem;
      border-radius: 0.2em;
      text-shadow: -2px 2px rgba(0,0,0,0.6);
      padding:0.5rem;
    }
    .masthead.segment {
      min-height: 890px;
      padding: 1em 0em;
    }
    .masthead .logo.item img {
      margin-right: 1em;
    }
    .masthead .ui.menu .ui.button {
      margin-left: 0.5em;
    }
    .masthead h1.ui.header {
      margin-top: 3em;
      margin-bottom: 0em;
      font-size: 4em;
      font-weight: normal;
    }
    .masthead h2 {
      font-size: 1.7em;
      font-weight: normal;
    }
    .socialmedia{
      padding:0px !important;
      margin:0px !important;
    }
    .socialmedia img{
      padding:0px !important;
      margin:0px !important;
      width: 36px !important;
    }
    .imgicon{
      padding:0px !important;
      margin:-7px 6px 0px 0px !important;
    }
    .imgicon img{
      width: 30px !important;
      padding: 0px;      

    }

    .ui.vertical.stripe {
      padding: 8em 0em;
    }
    .ui.vertical.stripe h3 {
      font-size: 2em;
    }
    .ui.vertical.stripe .button + h3,
    .ui.vertical.stripe p + h3 {
      margin-top: 3em;
    }
    .ui.vertical.stripe .floated.image {
      clear: both;
    }
    .ui.vertical.stripe p {
      font-size: 1.33em;
    }
    .ui.vertical.stripe .horizontal.divider {
      margin: 3em 0em;
    }

    .quote.stripe.segment {
      padding: 0em;
    }
    .quote.stripe.segment .grid .column {
      padding-top: 5em;
      padding-bottom: 5em;
    }

    .footer.segment {
      padding: 5em 0em;
    }
	.ui.secondary.pointing.menu {border:none !important;}
    .secondary.pointing.menu .toc.item {
      display: none;
    }

  @media only screen and (max-width: 700px) {
	  .texto_portada{
      font-size: 1.8rem;
	  }
	  .ui.header{font-size: 1.5rem !important;}
	  .ui.fluid.card h3{font-size: 1.1rem !important;}
	  .ui.two.column.grid .column{padding:4px !important}
      .ui.fixed.menu {
        display: none !important;
      }
      .secondary.pointing.menu .item,
      .secondary.pointing.menu .menu {
        display: none;
      }
      .secondary.pointing.menu .toc.item {
        display: block;
      }
      .masthead.segment {
        min-height: 720px;
      }
      .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
      }
      .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
      }
    }