@import url('https://fonts.googleapis.com/css2?family=Gilda+Display&display=swap'); /*Title font*/
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@300&display=swap'); /*Other texts font*/
/*DESKTOP*/
      body {
        margin: 0;
      }
      /*More infos*/
        .more-infos {
          display: none;
        }
      /*Structure*/
        .grid {
          overflow: hidden;
          display: grid;
          grid-template: 100vh/65vw 35vw;
          background-color: #fff0e9;
        }
        /*Gallery*/
          main {
            overflow: hidden;
            background-image: url("../img/background.jpg");
            background-repeat: no-repeat;
            background-size: cover;
          }
        /*Infos*/
          header {
            padding: 2% 10% 5% 5%;
            display: grid;
            grid-template: 12% repeat(3, auto)/100%;
          }
      /*Main*/
        /*Sliders*/
          .sliders-container {
            height: 100%;
            width: 200%;
          }
          /*Picture 01*/
            .slide-1 {
              width: 39%;
              height: 100%;
              float: left;
              display: grid;
              grid-template: 20% 54% 10.2% 9% 6.8%/23% 77%;
              transition: transform 1s;
            }
            .photo1 {
              height: 100%;
              grid-column: 2/3;
              grid-row: 2/3;
              box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
            }
            .caption1 {
              height: 100%;
              grid-column: 2/3;
              grid-row: 4/5;
            }
            .caption2 {
              display: none;
              height: 100%;
              grid-column: 2/3;
              grid-row: 4/5;
            }
            .slide-2 {
              width: 39%;
              height: 100%;
              float: left;
              display: grid;
              grid-template: 20% 40% 23% 9% 8%/10% 90%;
              transition: transform 1s;
            }
            .blank-canvas {
              height: 100%;
              width: 70%;
              grid-column: 2/3;
              grid-row: 2/3;
              box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.4), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
              opacity: 0.5;
            }
            .blank-canvas-brevemente {
              height: 100%;
              width: 70%;
              grid-column: 2/3;
              grid-row: 2/3;
              opacity: 0;
            }
      /*Header*/
        /*Logo ADERMAP*/
          .logo-adermap img {
            height: 100%;
          }
        /*Title*/
          .title {
            padding-right: 40%;
          }
          h1 {
            font-family: 'Gilda Display', serif;
            font-size: 8vh;
            margin: 2% 0 0 0;
            color: black;
          }
        /*Button*/
          button {
            font-size: 4vw;
            font-family: 'Lato', sans-serif;
            padding: 2% 4% 3% 4%;
            font-weight: bold;
            background-color: #a39097;
            outline: none;
            border: none;
            border-radius: 5px;
            color: white;
            display: none;
          }
        /*Infos*/
          .infos {
            font-family: 'Lato', sans-serif;
            font-size: 1.9vh;
            color: #666;
            padding-right: 10%;
          }
          /*Intro*/
            h2 {
              font-size: 1em;
              font-weight: bold;
              margin-top: 2%;
            }
          /*Text*/
            .info-text {
              font-weight: normal;
              hyphens: none;
            }
          /*Hashtag*/
            .hashtag {
              color: #5e6075;
              font-weight: bolder;
            }
            a {
              color: #5e6075;
            }
            a:link {
              color: #5e6075;
            }

            /* visited link */
            a:visited {
              color: #5e6075;
            }

            /* mouse over link */
            a:hover {
              color: #5e6075;
            }

            /* selected link */
            a:active {
              color: #5e6075;
            }
          /*Partners*/
            aside {
              display: grid;
              grid-template: 60% 10% 25% 0/50% 50%;
            }
            aside p {
              margin: 0;
            }
            aside a {
              padding: 0;
            }
            /*WAED*/
              .waed {
                grid-column: 1/3;
                grid-row: 1/2;
                width: 70%;
                margin-bottom: 2%;
                margin-top: 5%;
              }
            /*A crescer com o apoio de:*/
              .a-crescer-com {
                font-family: 'Lato', sans-serif;
                font-size: 1.5vh;
                grid-column: 1/3;
                grid-row: 2/3;
                margin-bottom: 2%;
              }
            /*GlobalSkin*/
              .globalskin {
                grid-column: 1/2;
                grid-row: 3/4;
                width: 70%;
                border-right: 1px solid #999;
                padding-right: 5%;
              }
            /*Sanofi Genzyme*/
              .sanofi-genzyme {
                grid-column: 2/3;
                grid-row: 3/4;
                width: 70%;
                margin-top: 4%;
                margin-left: -20%;
              }
              .blank-canvas-brevemente-mobile {
                opacity: 0;
              }

/*SMARTPHONE (PORTRAIT) */
      @media only screen and (max-width:415px) and (max-height:830px) and (orientation:portrait) {
        /*Structure*/
          .grid {
            overflow: hidden;
            display: grid;
            grid-template: 27.2vh 71.8vh/100vw;
            background-color: #fff0e9;
          }
          /*More infos*/
            .more-infos {
                position: absolute;
                background-color: white;
                width: 80vw;
                height: 75vh;
                z-index: 1000;
                margin: 12% 4.5%;
                border: 1px solid #ccc;

                display: grid;
                grid-template: 7vh auto 3.5% auto auto auto auto/80vw;
                font-family: 'Lato', sans-serif;
                font-size: 3.5vw;
                padding: 2% 5%;
            }
            .more-infos p {
              margin: 0;
            }
            .more-infos-transition {
              transition: all .3s ease-in-out;
            }
            .close-more-infos {
              font-size: 2rem;
              text-align: right;
            }
            .h2-more-infos {
              font-weight: bolder;
              height: 100%;
            }
            .lower {
              font-weight: lighter;
            }
            .hash-more-infos {
              color: #5e6075;
              font-weight: bold;
              transform: translateY(-70%);
            }
            .waed-mobile {
              width: 40%;
              transform: translateY(-6px);
            }
            .globalskin-mobile {
              width: 50%;
            }
            .sanofi-genzyme-mobile {
              width: 50%;
              transform: translateY(-10px);
            }
          /*Gallery*/
            main {
              grid-column: 1/2;
              grid-row: 2/3;
              background-image: url("../img/background-mobile.jpg");
              background-position: 0 -7vh;
            }
          /*Infos*/
            header {
              grid-column: 1/2;
              grid-row: 1/2;
              padding: 2% 10% 10% 10%;
              display: grid;
              grid-template: 12vh 14vh 1fr 1fr/80vw;
              z-index: 900;
            }
        /*Header*/
          .infos {
            padding-right: 0;
          }
          /*Title*/
            .title {
              padding-right: 0;
            }
            h1 {
              font-size: 6.5vh;
              line-height: 1.1;
            }
          /*Infos*/
            /*Title*/
              h2 {
                font-size: 3.5vw;
                margin-bottom: 2%;
              }
            /*Button*/
              button {
                display: block;
              }
            /*Text*/
              .info-text {
                display: none;
              }
          /*Hashtag*/
            .hashtag {
              display: none;
            }

          /*Partners*/
            aside {
              display: none;
            }
        /*Main*/
          /*Sliders*/
            /*Picture 01*/
              .slide-1 {
                width: 85vw;
                grid-template: 23% 56vw 9% 15% 9%/10% 100%;
              }
              .caption1 {
                display: none;
              }
              .caption2 {
                display: block;
                height: auto;
                width: 65%;
                margin-left: -3%;
              }
            /*Picture 02*/
              .slide-2 {
                width: 85vw;
                grid-template: 23% 56vw 6% 15% 12%/10% 100%;
              }
              .blank-canvas {
                width: 80%;
              }
              .blank-canvas-brevemente {
                display: none;
              }
              .blank-canvas-brevemente-mobile {
                height: 100%;
                width: 70%;
                grid-column: 2/3;
                grid-row: 2/3;
                opacity: 0;
                margin-left: 4%;
              }

      }

/*SMARTPHONE (LANDSCAPE) */
      @media only screen and (max-width:830px) and (max-height:415px) and (orientation:landscape) {
        header {
          padding: 12% 10% 10% 5%;
          display: grid;
          grid-template: 20% 27% auto auto/100%;
        }
        .info-text {
          display: none;
        }
        main {
          background-image: url("../img/background-mobile.jpg");
          background-position: 0 -15vh;
        }
        h1 {
          font-size: 4vw;
          margin-top: 1vw;
        }
        h2 {
          font-size: 1.5vw;
          margin-top: -1.5vw;
          color: black;
        }
        button {
          display: block;
          font-size: 1.5vw;
        }
        aside {
          display: none;
        }
        .title {
          padding-right: 0;
        }
        .infos {
          padding-right: 0;
        }
        .hashtag {
          font-size: 1.5vw;
        }
            a {
              color: black;
            }
            a:link {
              color: black;
            }

            /* visited link */
            a:visited {
              color: black;
            }

            /* mouse over link */
            a:hover {
              color: black;
            }

            /* selected link */
            a:active {
              color: black;
            }
            .slide-1 {
                grid-template: 9% 28vw 9% 15% 7%/25% 75%;
            }
            .caption1 {
                margin-left: -10px;
            }
            .slide-2 {
                grid-template: 9% 28vw 8% 15% 8%/15% 82%;
                width: 50%;
            }
                        .blank-canvas-brevemente {
              display: none;
            }
            .blank-canvas-brevemente-mobile {
              height: 100%;
              width: 60%;
              grid-column: 2/3;
              grid-row: 2/3;
              opacity: 0;
              margin-left: 4%;
            }
                        .more-infos {
                position: absolute;
                background-color: white;
                width: 90vw;
                height: 65vh;
                z-index: 2000;
                margin: 4% 3%;
                border: 1px solid #ccc;

                display: grid;
                grid-template: 7vh auto 3.5% auto auto auto auto/80vw;
                font-family: 'Lato', sans-serif;
                font-size: 1.5vw;
                padding: 1% 2%;
            }
            .more-infos p {
              margin: 0;
            }
            .more-infos-transition {
              transition: all .3s ease-in-out;
            }
            .close-more-infos {
              font-size: 1.6rem;
              text-align: right;
            }
            .h2-more-infos {
              font-weight: bolder;
              height: 40%;
            }
            .lower {
              font-weight: lighter;
            }
            .hash-more-infos {
              color: #5e6075;
              font-weight: bold;
              transform: translateY(0);
            }
            .waed-mobile {
              width: 20%;
            }
            .globalskin-mobile {
              width: 20%;
            }
            .sanofi-genzyme-mobile {
              width: 20%;
              transform: translateY(-50%);
              transform: translateX(10%);
            }
      }

/*TABLET (LANDSCAPE) */
      @media only screen and (hover:none) and (pointer:coarse) and (min-width:1000px) and (max-height:1025px) and (orientation:landscape) {
        .infos {
          font-size: 1.6vh;
          padding-right: 7vw;
        }
        .title {
          padding-right: 30%;
        }
        aside {
          grid-template: auto/50% 35%;
        }
      }

/*TABLET (PORTRAIT) */
      @media only screen and (min-width:750px) and (min-height:1000px) and (orientation:portrait) {

      }


















/*/