/*303ee96a2f2ada7119ef0a0d50855952*/
/*@import custom.css*/

/*ARTICLES*/

/*tamaño logo*/
.g-logo {
  font-size: 4.5rem;
  line-height: 3.5rem;
}

div#logo-2879-particle.g-content.g-particle {
  margin-top: -1.5rem;
}

/*menu centrado*/
ul.g-toplevel {
    text-align: center !important;
 margin-left: -0.65rem;
}

/*menu-arriba*/
div#menu-6212-particle.g-content.g-particle {
   margin-top: -2rem;
}

.g-block.size-8.icon div.g-content {
  display: contents;
}

/*titulo*/
h2.g-title {
  font-size: 1.4rem;
  font-weight: 400;
    color: #4b0082;
  font-family: "Alata";
  margin-top: -1rem;
  margin-bottom: 2.2rem;
}

/*contenido en box*/
#g-expanded {
  background: #ffffff;
  color: #000000;
  border-radius: 10px;
  margin-left: 10%;
  margin-right: 10%;
}

.g-content-array .g-item-title {
  font-size: 1.4rem;
  font-weight: 400;
}

.g-content-array .g-item-title a {
  margin-left: 15px;
}

#g-expanded {
  background: #dcdcdc;
}

#g-expanded .g-content-array {
  padding-top: 3rem;
}

.g-gridcontent .g-gridcontent-title-desc .g-title {
  font-size: 1.4rem;
  font-weight: 400;
  margin-top: -2rem;
  margin-bottom: 2.2rem;
}

.g-gridcontent .g-gridcontent-item .g-gridcontent-item-wrapper {
    background: lavender;
  height: 203px;
}

/*footer*/

.g-simplemenu-particle h6 {
  color: #dcdcdc;
  opacity: 3;
}

.g-simplemenu-particle .g-simplemenu li {
  font-size: 1.2rem;
  line-height: 1.3;
}

.g-simplemenu-particle .g-simplemenu.g-simplemenu-0cols {
    opacity: 0.6;
}

.fa {
  scale: 2;
  width: 2em;
}

.fa-fw {
  margin-right: -1em;
}

@media only screen and (min-width: 320px) and (max-width: 736px) {

.g-logo {
    line-height: 1rem;
  margin-top: 1.5rem;
    margin-left: 1rem;
    font-size: 2rem;
  }

.g-main-nav .g-toplevel > li > .g-menu-item-container {
    font-size: 1.2rem;
  margin-left: -1.3rem;
}

#g-offcanvas #g-mobilemenu-container ul {
  background: #dcdcdc;
  
 }

#g-offcanvas {
  background: #dcdcdc;
 }

#g-mobilemenu-container .g-toplevel li .g-menu-item-container {
  padding-right: 0.938rem 1rem;
}  

.g-gridcontent .g-gridcontent-item .g-gridcontent-item-wrapper.g-gridcontent-accent1:hover span { 
  color: #dcdcdc !important;
}  

.g-content-array .g-item-title {
  font-size: 4vw;
  line-height: 1.3rem;
  margin-left: -2.5rem !important;
   
}

.g-gridcontent .g-gridcontent-item .g-gridcontent-item-wrapper {
   width: 100%;
  height: 520px;
}

.movil{
  float:right;
  margin-left: -0.9rem !important;
  margin-bottom: 15px;
  
}

.fp-copyright .fp-copyright-menu {
    flex: 20%;
    }  
  
}
  
@media only screen and (min-width: 720px) and (max-width: 1280px) {
  .g-logo {
    line-height: 1rem;
    margin-top: 1.5rem;
    margin-left: 1rem;
    font-size: 2rem;
  }

.g-main-nav .g-toplevel > li > .g-menu-item-container {
    font-size: 1.2rem;
  margin-left: -1.3rem;
}

#g-offcanvas #g-mobilemenu-container ul {
  background: #dcdcdc;
  
 }

#g-offcanvas {
  background: #dcdcdc;
 } 

#g-mobilemenu-container .g-toplevel li .g-menu-item-container {
  padding-right: 0.938rem 1rem;
}  

.g-item-title img {
  float: top;
  margin-bottom:10px;
}

.g-gridcontent .g-gridcontent-item .g-gridcontent-item-wrapper {
   width: 100%;
  height: 535px;
}  

.g-gridcontent .g-gridcontent-item .g-gridcontent-item-wrapper.g-gridcontent-accent1:hover span { 
  color: #dcdcdc !important;
}

.fp-copyright .fp-copyright-menu {
    flex: 20%;
    }  
  
}

@media only screen and (min-width: 923px) and (max-width: 1370px){

.g-logo {
    line-height: 1rem;
  margin-top: 1.5rem;
    margin-left: 1rem;
    font-size: 2rem;
  }

.g-main-nav .g-toplevel > li > .g-menu-item-container {
    font-size: 1.2rem;
  margin-left: -1.3rem;
}

#g-offcanvas #g-mobilemenu-container ul {
  background: #dcdcdc;
  
 }

#g-offcanvas {
  background: #dcdcdc;
 }

#g-mobilemenu-container .g-toplevel li .g-menu-item-container {
  padding-right: 0.938rem 1rem;
}  

.g-gridcontent .g-gridcontent-item .g-gridcontent-item-wrapper.g-gridcontent-accent1:hover span { 
  color: #dcdcdc !important;
} 

.g-gridcontent .g-gridcontent-item .g-gridcontent-item-wrapper {
   width: 100%;
  height: 545px;
}  

.fp-copyright .fp-copyright-menu {
    flex: 20%;
    }  
  }