@media screen and (min-width:1px) and (max-width:968px) and (orientation:portrait){
    .share-gallery-desk {
    display:none !important;
    padding-top: 1em;
    
}
}

@media screen and (min-width:1px) and (max-width:968px) and (orientation:landscape){
    .share-gallery-desk {
    display:none !important;
    padding-top: 1em;    
}
}

#main {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    height: auto;
    top: 6em;
    padding: 0em 0em 2em 0em;
}

/*--------------------------------*/

#slideside {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    margin.0 auto;
    height: auto;
    padding: 1em 0em 1em 0em;
}


#slideside > figure {
    position: relative;
    display: block;
    float: none;
    max-height: 150vw;
    width: 100%;
    height: auto;
    overflow: ;
}

#slideside > figure > .slideshow-container {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}



/*---------------------------------*/

#textside {
    position: relative;
    display: block;
    float: none;
    width: 100%;
    height: auto;
    padding: 1em 0em 1em 0em;
}

.text-content {
    position: relative;
    display: block;
    float: none;
    padding-bottom: 2em;
    width: 80%;
    height: auto;
    margin: 0 auto;
}

.text-content > .text {
    padding: 1em 0em 1em 0em;
    line-height: 1.4;
    margin-left:0em;
}

.buttons-content {
    position: relative;
    display: block;
    margin-top: 1em;
    padding: 0em 0em 0em 0em;
    width: 15em;
    height: auto;
}

.buttons-content > a > img {
    position: relative;
    display: inline-block;
    width: 3em;
    float: left;
}

.buttons-content > a > p {
    position: relative;
    display: inline-block;
    margin-top: .9em;
    width: 4em;
    margin-left: -1em;
}

.share-gallery {
    display: block;
    margin-top: 2em;
    clear: both;
    width: 1.5em;
    height: 1.5em;
    padding-bottom: 1em;
}

.share-gallery-desk {
    display: block;
    padding-top: 1em;
    
}




@media screen and (min-width:969px) and (orientation:landscape) {

    #slideside {
        display: inline-block;
        float: left;
        width: 50%;
    }

    #textside {
        display: inline-block;
        float: left;
        width: 40vw;
        top: 8vw;
        margin-left: 3em;
    }

    #textside > .text-content > p {
        width: 100%;
    }

    .share-gallery {
        display: none;
    }

    .share-gallery-desk {
        margin-top: 0em;
        margin-left: 2em;
        display: block;
        clear: both;
        width: 1.5em;
        height: 1.5em;
        padding-bottom: 1em;
    }

    #watermark-gallery {
        position: relative;
        display: inline-block;
        width: 24em;
        right: -27vw;
        top: -13vw;
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    }

    #watermark-gallery > p {
        font-size: 8pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 8pt;
    }
}







@media screen and (min-width:969px) and (max-width:1300px) and (orientation:landscape) {
    #textside {
        display: inline-block;
        float: left;
        width: 40vw;
        top: 1vw;
        margin-left: 3em;
    }

    #watermark-gallery {
        position: relative;
        display: inline-block;
        width: auto;
        right: -27vw;
        top: -15vw;
        transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
    }

    #watermark-gallery > p {
        font-size: 8pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 8pt;
    }

}



@media screen and (min-width:969px) and (max-width:1024px) and (orientation:landscape) {

    #watermark-gallery {
        right: -29vw;
        top: -24vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > .fix-port1 {
        max-height: 35em;
        max-width: 85%;
    }

    #icones {
        margin-top: -.7em;
    }
}


@media screen and (min-width:1025px) and (max-width:1280px) and (orientation:landscape) {

    #watermark-gallery {
        right: -31vw;
        top: -24vw;

    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }


    #slideside > figure > .slideshow-container > .mySlides > a > #fix-port {
        max-height: 40em;
        max-width: 35em;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > .fix-port1 {
        max-height: 34em;
        max-width: 73.5%;
    }

    #icones {
        margin-top: -.7em;
    }

}


@media screen and (min-width:1281px) and (max-width:1366px) and (orientation:landscape) {

        #textside {
        display: inline-block;
        float: left;
        width: 40vw;
        top: 4vw;
        margin-left: 3em;
    }
    
    #watermark-gallery {
        right: -32vw;
        top: -26vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > #fix-port {
        max-height: 40em;
        max-width: 35em;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > .fix-port1 {
        max-height: 34em;
        max-width: 65%;
    }

    #icones {
        margin-top: -.6em;
    }
}


@media screen and (min-width:1367px) and (max-width:1440px) and (orientation:landscape) {

        #textside {
        display: inline-block;
        float: left;
        width: 40vw;
        top: 5vw;
        margin-left: 3em;
    }
    
    #watermark-gallery {
        right: -26vw;
        top: -24vw;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > #fix-port {
        max-height: 40em;
        max-width: 35em;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > .fix-port1 {
        max-height: 34em;
        max-width: 61%;
    }

    #icones {
        margin-top: -.7em;
    }
}


@media screen and (min-width:1441px) and (max-width:1650px) and (orientation:landscape) {

        #textside {
        display: inline-block;
        float: left;
        width: 40vw;
        top: 4vw;
        margin-left: 3em;
    }
    
    #watermark-gallery {
        right: -28vw;
        top: -20vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > #fix-port {
        max-height: 40em;
        max-width: 35em;
    }
    #slideside > figure > .slideshow-container > .mySlides > a > .fixing {
        max-height: 25em;
        max-width: 27em;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > .fix-port1 {
        max-height: 34em;
        max-width: 64.7%;
    }

    #icones {
        margin-top: -.8em;
    }

}


@media screen and (min-width:1651px) and (max-width:2560px) and (orientation:landscape) {

        #textside {
        display: inline-block;
        float: left;
        width: 40vw;
        top: 5vw;
        margin-left: 3em;
    }
    
    #watermark-gallery {
        right: -30vw;
        top: -20vw;
    }

    #watermark-gallery > p {
        font-size: 6pt;
        text-align: center;
    }

    #watermark-gallery > p > a {
        font-size: 6pt;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > #fix-port {
        max-height: 40em;
        max-width: 35em;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > .fixing {
        max-height: 34em;
        max-width: 50%;
    }

    #slideside > figure > .slideshow-container > .mySlides > a > .fix-port1 {
        max-height: 34em;
        max-width: 53.5%;
    }

    #icones {
        margin-top: -.8em;
    }
}