@charset "UTF-8";
/* CSS Document */
@media (max-width: 1366px) {
  .introText2 {
    width: 55%;
    top: 50%;
    left: 35%;
  }
  iframe {
    min-height: 348px;
  }
}
@media (min-width: 1281px) and (max-width: 1920px) {}
@media (max-width: 1280px) {
  .cause {
    min-height: 660px;
  }
  .c01 img, .c02 img, .c03 img, .c04 img, .c05 img, .c06 img {
    top: 50%;
  }
}
@media (max-width: 1112px) {
  .introText2 {
    width: 65%;
    top: 50%;
    left: 25%;
  }
  .introText2 p {
    font-size: 100%;
  }
  .c01 img, .c02 img, .c03 img, .c04 img, .c05 img, .c06 img {
    top: 50%;
  }
  iframe {
    min-height: 282px;
  }
		.introVideo{
		top:40%;
	}
}
@media (min-width: 1025px) and (max-width: 1111px) {}
@media (max-width: 1024px) {
  .menu {
    font-size: 60%;
  }
  .mmenu {
    width: 76%;
  }
  .mmenu a {
    margin-left: 3%;
    margin-right: 3%;
  }
  .cause {
    min-height: 696px;
  }
  .c01 img, .c02 img, .c03 img, .c04 img, .c05 img, .c06 img {
    top: 45%;
  }
  iframe {
    min-height: 258px;
  }
}
@media (max-width: 960px) {
  .cause {
    min-height: 590px;
  }
  .c01 img, .c02 img, .c03 img, .c04 img, .c05 img, .c06 img {
    top: 45%
  }
  .introText2 {
    top: 55%;
  }
  .cause {
    min-height: 704px;
  }
  iframe {
    min-height: 248px;
  }
}
@media (min-width: 768px) and (max-width: 960px) {}
/*iPad Horizontal*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {}
/*END iPad Horizontal*/
/*iPad Vertical*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {}
/*END iPad Vertical*/
/*iPhone PLUS Landscape*/
@media (max-width: 736px) {
  .w33 {
    width: 50%;
  }
  .w50 {
    width: 100%;
  }
  textarea {
    width: 100%;
  }
  .croc {
    max-width: 207px;
    min-height: 56px;
    background-size: cover;
    background-position: right;
  }
  .bottom img {
    max-width: 207px !important;
  }
  .introText {
    top: 18%;
    width: 90%;
  }
  .introVideo {
    top: 52%;
    width: 90%;
    left: 5%;
  }
  .introText2 {
    top: 55%;
    width: 70%;
    left: 20%;
  }
  .w25 {
    width: 50%;
  }
  iframe {
    min-height: 372px;
  }
}
@media (max-width:576px) {
  #open {
    display: block;
  }
  .w25 {
    width: 50%;
  }
  .w33 {
    width: 100%;
  }
  .menu {
    display: none;
  }
  .logo {
    width: 50%;
    float: left;
    height: 160px;
  }
  .logo img {
    margin-top: 30px;
    margin-left: 30px;
  }
  .introText {
    width: 90%;
    top: 22%;
  }
  .introText2 {
    width: 82.5%;
    margin-right: 5%;
    top: 50%;
    left: 7.5%;
    transform: translate(0, -50%);
    font-size: 90%
  }
  .introVideo {
    width: 95%;
    left: 2.5%;
    top: 55%
  }
  iframe {
    min-height: 308px;
  }
  .croc {
    bottom: 5%
  }
  .user a {
    margin-top: 18px;
    margin-left: 47%;
  }
  .user a:hover {
    margin-top: 18px;
  }
  .user2 a {
    margin-right: 0;
  }
  .user2 a:hover {
    margin-right: 0;
  }
  .bottom {
    padding: 4%;
  }
  .crocBottom {
    right: -22px;
  }
  .cause {
    min-height: 440px;
    border-bottom: 1px dotted #003342;
    padding-top: 12%;
  }
  .cause:last-of-type {
    border-bottom: none;
  }
  .causes p {
    margin-bottom: 6%;
  }
  .c01 img, .c02 img, .c03 img, .c04 img, .c05 img, .c06 img {
    transform: translate(-50%, -150.5%);
  }
  .servicio {
    height: 360px;
    border-bottom: 1px dotted #003342;
    padding-top: 12%;
  }
  .servicio:last-of-type {
    border-bottom: none;
  }
  .servicio p {
    margin-bottom: 6%;
  }
  .servicios h3, .why h3, .profiles h3 {
    font-size: 150%;
  }
  .linkedin a {
    width: 60px;
    height: 45px;
    line-height: 45px;
  }
}
/*iPhone PLUS Landscape*/
@media only screen and (min-device-width : 414px) and (max-device-width : 736px) and (orientation : landscape) {}
/*iPhone Landscape*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : landscape) {}
/*END iPhone Landscape*/
/*iPhone Portrait*/
@media only screen and (min-device-width : 375px) and (max-device-width : 667px) and (orientation : portrait) {}
/*END iPhone Portrait*/
@media (max-width : 414px) {
  .hamburger {
    left: 86%;
  }
  .w25, .w30, .w33, .w50, .w70 {
    width: 100%;
  }
  .introText {
    width: 75%;
    top: 22%;
  }
  .introVideo {
    top: 50%;
  }
  .introText h1 {
    font-size: 150%;
  }
  .introText2 {
    width: 82.5%;
    margin-right: 5%;
    top: 50%;
    left: 7.5%;
    transform: translate(0, -50%);
    font-size: 80%;
  }
  .introText2 p {
    text-align: justify !important;
    margin-bottom: 6%;
  }
  .croc {
    bottom: 4%
  }
  .crocBottom {
    right: -16px;
  }
  .user a {
    margin-top: 18px;
    margin-left: 46%;
  }
  iframe {
    min-height: 222px;
  }
}
@media (max-width: 320px) {
  .logo {
    width: 60%;
    float: left;
  }
  .logo img {
    margin-top: 30px;
    margin-left: 20px;
  }
  .croc {
    bottom: 2.5%
  }
  .crocBottom {
    right: -12px;
  }
  .user a {
    margin-top: 18px;
    margin-left: 45%;
  }
  .introText {
    width: 75%;
    top: 22%;
  }
  .introVideo {
    top: 60%;
  }
  iframe {
    min-height: 180px !important;
  }
}