/* @media only screen and (max-width:480px) {*/
@media only screen and (min-width: 200px) and (max-width: 480px) {
  /*  #slideouter{
	   ul{
	   li{cursor:pointer;
	   }}
#close{cursor:pointer;text-align:right;color:#ff0000;}
}
*/
  /************ fin header **********/
    body {
      background: #000; }
    #header-nav {
      display: none; }
      #header-nav ul {
        display: none; }
    header {
      /*********** fin logoheader *****/
      /****** fin logoHeader *****/ }
      header #topHeader {
        height: 6rem;
        padding-left: 0.5rem;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: flex-start; }
        header #topHeader p {
          font-size: 1.3rem;
          line-height: 0px;
          height: auto;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-content: center;
          align-items: flex-start;
          margin-bottom: 0rem;
          padding-top: 0;
          padding-bottom: 0; }
          header #topHeader p a {
            color: #fff;
            font-weight: bold;
            padding-top: 0;
            margin-bottom: 0;
            margin-top: 0;
            line-height: 0;
            text-decoration: none; }
            header #topHeader p a i {
              vertical-align: text-bottom; }
        header #topHeader p.tel {
          margin-top: 1rem; }
        header #topHeader p.email {
          margin-top: -1rem; }
      header #logoHeader {
        width: 100%;
        padding-top: 1rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: center;
        align-items: flex-start; }
        header #logoHeader i.material-icons {
          font-size: 48px; }
        header #logoHeader a.logo {
          clear: both; }
          header #logoHeader a.logo img {
            margin-left: 20px; }
      header #headerSEO {
        height: 300px; }
        header #headerSEO .seoPage {
          z-index: 2000;
          position: absolute;
          left: 0;
          top: 0rem;
          background: #fff;
          padding: 1rem;
          width: 100%;
          background: transparent; }
          header #headerSEO .seoPage .seoWhite {
            width: 100%; }
            header #headerSEO .seoPage .seoWhite h1 {
              font-size: 4rem;
              color: #940030;
              line-height: 1; }
            header #headerSEO .seoPage .seoWhite p {
              font-size: 1.7rem;
              width: 100%;
              font-style: italic;
              color: #15363f;
              padding-top: 6rem; }
      header #headerSEO2 {
        height: 700px; }
        header #headerSEO2 .seoPage {
          z-index: 2000;
          position: relative;
          left: 0;
          top: 0rem;
          background: #fff;
          padding: 3rem;
          width: 100%;
          height: 100%;
          background: transparent url("../img/fondoTransparenteMovil.png"); }
          header #headerSEO2 .seoPage .seoWhite {
            width: 100%; }
            header #headerSEO2 .seoPage .seoWhite h1 {
              font-size: 4rem;
              color: #940030;
              line-height: 1; }
            header #headerSEO2 .seoPage .seoWhite p {
              font-size: 1.7rem;
              width: 80%;
              font-style: italic;
              color: #15363f; }
      header #buttonContactar {
        position: absolute;
        bottom: 3%;
        left: 30%;
        z-index: 2100; }
    #rueda {
      display: none; }
    .page-header {
      padding: 0 1rem; }
      .page-header h2 {
        margin-top: 2rem;
        font-size: 2.5rem; }
    .contentArticle {
      border: 0px #000 solid;
      padding: 3rem 1rem 0rem 1rem;
      background: transparent url("../img/backGrey.png") center repeat-y; }
      .contentArticle p {
        font-size: 1.3rem;
        color: #15363f;
        font-style: italic;
        text-align: left; }
      .contentArticle .cartleft {
        margin-left: 0px; }
        .contentArticle .cartleft div {
          border: 2px #007494 solid;
          padding: 2rem; }
      .contentArticle .cartright div {
        border: 2px #cacaca solid;
        padding: 2rem;
        margin-top: 3.6rem;
        margin-left: 0rem;
        margin-right: 0rem; }
      .contentArticle .cartbottom {
        margin-left: 1rem;
        width: 93%; }
        .contentArticle .cartbottom div {
          border: 2px #940030 solid;
          width: 100%;
          margin: 0 auto;
          margin-top: 3.5rem;
          padding: 2rem; }
    .outlined {
      float: right;
      margin-top: -3rem;
      margin-right: -0.5rem; }
      .outlined .material-symbols-outlined {
        font-size: 2.5rem; }
    #familyHome {
      margin-top: 4rem; }
      #familyHome div {
        height: 700px; }
    .subheader h2 {
      padding: 3rem 3.5rem 0 3.5rem;
      color: #007494;
      font-size: 2.5rem; }
    #sidenavtrigger {
      display: block;
      text-decoration: none;
      margin-bottom: -5rem;
      z-index: 3000; }
    #slideouter {
      position: absolute;
      border: 3px solid #940030;
      width: 350px;
      top: 0;
      left: -350px;
      padding: 1rem;
      background: #fff;
      z-index: 3000;
      transition: all 1s; }
      #slideouter ul li span {
        font-size: 1.5rem; }
      #slideouter ul li a {
        font-size: 1.5rem; }
    #slideouter.slideouterVisible {
      position: absolute;
      border: 3px solid #940030;
      width: 350px;
      top: 0;
      left: 0px;
      padding: 1rem;
      background: #fff;
      z-index: 3000;
      transition: all 1s; }
      .imagesFooter img {
        margin-bottom: 1rem;
        width: 300px;
        height: auto; }
    #video {
      margin-top: 0px;
      z-index: 1; }
    strong {
      color: #940030; }
    h1 {
      font-weight: bold; }
    h2 {
      font-size: 3rem;
      font-weight: bold; }
    h3 {
      font-size: 2.5rem;
      font-weight: bold; }
    #container {
      width: 100%;
      margin: 0 auto; }
      .seoWhite img {
        width: 300px;
        height: auto;
        margin-top: -1px; }
    #video {
      margin-top: 0px;
      z-index: 1; } }

/********** fin media */
/*********************************************************************************************
   ****************************************************************************************************/
@media only screen and (min-width: 481px) and (max-width: 680px) {
  /*tablet*/
  /************ fin header **********/
    body {
      background: #000; }
    #header-nav {
      display: none; }
      #header-nav ul {
        display: none; }
    #slideouter ul li span {
      font-size: 1.5rem; }
    #slideouter ul li a {
      font-size: 1.5rem; }
    #slideouter #close {
      cursor: pointer;
      text-align: right;
      color: #ff0000; }
    header {
      /*********** fin logoheader *****/
      /****** fin logoHeader *****/ }
      header #topHeader {
        height: 6rem;
        padding-left: 0.5rem;
        padding-top: 0;
        display: flex;
        flex-direction: column;
        flex-wrap: nowrap;
        justify-content: center;
        align-content: center;
        align-items: flex-start; }
        header #topHeader p {
          font-size: 1.3rem;
          line-height: 0px;
          height: auto;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: flex-start;
          align-content: center;
          align-items: flex-start;
          margin-bottom: 0rem;
          padding-top: 0;
          padding-bottom: 0; }
          header #topHeader p a {
            color: #fff;
            font-weight: bold;
            padding-top: 0;
            margin-bottom: 0;
            margin-top: 0;
            line-height: 0;
            text-decoration: none; }
            header #topHeader p a i {
              vertical-align: text-bottom; }
        header #topHeader p.tel {
          margin-top: 1rem; }
        header #topHeader p.email {
          margin-top: -1rem; }
      header #logoHeader {
        width: 100%;
        padding-top: 1rem;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        align-content: center;
        align-items: flex-start; }
        header #logoHeader i.material-icons {
          font-size: 48px; }
        header #logoHeader a.logo {
          clear: both; }
          header #logoHeader a.logo img {
            margin-left: 20px; }
      header #headerSEO {
        height: 300px; }
        header #headerSEO .seoPage {
          z-index: 2000;
          position: absolute;
          left: 0;
          top: 0rem;
          background: #fff;
          padding: 1rem;
          width: 100%;
          background: transparent; }
          header #headerSEO .seoPage .seoWhite {
            width: 100%; }
            header #headerSEO .seoPage .seoWhite h1 {
              font-size: 4rem;
              color: #940030; }
            header #headerSEO .seoPage .seoWhite p {
              font-size: 1.7rem;
              width: 100%;
              font-style: italic;
              color: #15363f;
              padding-top: 2.5rem; }
      header #headerSEO2 {
        height: 600px; }
        header #headerSEO2 .seoPage {
          z-index: 2000;
          position: relative;
          left: 0;
          top: 0rem;
          background: #fff;
          padding: 3rem;
          width: 100%;
          height: 100%;
          background: transparent; }
          header #headerSEO2 .seoPage .seoWhite {
            width: 100%; }
            header #headerSEO2 .seoPage .seoWhite h1 {
              font-size: 4rem;
              color: #940030; }
            header #headerSEO2 .seoPage .seoWhite p {
              font-size: 1.7rem;
              width: 80%;
              font-style: italic;
              color: #15363f; }
      header #buttonContactar {
        position: absolute;
        bottom: 3%;
        left: 30%;
        z-index: 2100; }
    #rueda {
      display: none; }
    .page-header {
      padding: 0 1rem; }
      .page-header h2 {
        margin-top: 2rem;
        font-size: 2.5rem; }
    .contentArticle {
      border: 0px #000 solid;
      padding: 3rem 1rem 0rem 1rem;
      background: transparent url("../img/backGrey.png") center repeat-y; }
      .contentArticle p {
        font-size: 1.3rem;
        color: #15363f;
        font-style: italic;
        text-align: justify; }
      .contentArticle .cartleft {
        margin-left: 0px; }
        .contentArticle .cartleft div {
          border: 2px #007494 solid;
          padding: 2rem; }
      .contentArticle .cartright div {
        border: 2px #cacaca solid;
        padding: 2rem;
        margin-top: 3.6rem;
        margin-left: 0rem;
        margin-right: 0rem; }
      .contentArticle .cartbottom {
        margin-left: 1rem;
        width: 93%; }
        .contentArticle .cartbottom div {
          border: 2px #940030 solid;
          width: 100%;
          margin: 0 auto;
          margin-top: 3.5rem;
          padding: 2rem; }
    .outlined {
      float: right;
      margin-top: -3rem;
      margin-right: -0.5rem; }
      .outlined .material-symbols-outlined {
        font-size: 2.5rem; }
    #familyHome {
      margin-top: 4rem; }
      #familyHome div {
        height: 700px; }
    .subheader h2 {
      padding: 3rem 3.5rem 0 3.5rem;
      color: #007494;
      font-size: 2.5rem; }
    #sidenavtrigger {
      display: block;
      text-decoration: none;
      margin-bottom: -5rem; }
    #slideouter {
      position: absolute;
      border: 3px solid #940030;
      width: 300px;
      top: 0;
      left: -300px;
      padding: 1rem;
      background: #fff;
      z-index: 3000;
      transition: all 1s; }
    #slideouter.slideouterVisible {
      left: 0px;
      transition: all 1s; }
      .imagesFooter img {
        margin-bottom: 1rem;
        width: 300px;
        height: auto; }
    #video {
      margin-top: 0px;
      z-index: 1; }
    strong {
      color: #940030; }
    h3 {
      font-size: 3rem;
      font-weight: bold; }
      .seoWhite img {
        width: 300px;
        height: auto;
        margin-top: -1px; }
    #video {
      margin-top: 0px;
      z-index: 1; } }

/********** fin media */