/* Desktop and Tablet*/
@media (min-width:900px) {
    #logo-Wind {
        text-decoration: none;
        color:#abdfdf;   
        font-size: 55px;
        font-weight:normal;
        margin-left: 50px;
        line-height: 0.5cm;
    } 
    #GoBack {
        color: black;
        font-size: 25px;
        text-decoration: none;
        margin-left: 14px;
    }
    #GoBack:hover, #GoBack:active {
        color: #abdfdf;  
    }
    #Otherpage {
        color: black;
        font-size: 25px;
        text-decoration: none;
        margin-left: 10%;
        line-height: 45px;
    }
    #Otherpage:hover, #Otherpage:active {
        color: #abdfdf;  
    }
    #GoBackherbarium {
        color: rgb(255, 255, 255);
        font-size: 25px;
        text-decoration: none;
        margin-left: 10px;
    }
    #GoBackherbarium:hover, #GoBackherbarium:active {
        color: #abdfdf;  
    }
    #Otherpageherbarium {
        color: rgb(255, 255, 255);
        font-size: 25px;
        text-decoration: none;
        margin-left: 10%;
        line-height: 45px;
    }
    #Otherpageherbarium:hover, #Otherpageherbarium:active {
        color: #abdfdf;  
    }
    #texttitlewind{
        margin-top: 50px;
        font-size: 20px;
        font-weight: normal;
        margin-left: 7.5%;
        margin-right: 7.5%;
        margin-bottom: 5px;
    }
    #texttitleherbarium{
        color: rgb(255, 255, 255);
        margin-top: 75px;
        font-size: 20px;
        font-weight: normal;
        margin-left: 7.5%;
        margin-right: 7.5%;
        margin-bottom: 5px;
    }
    #textherbarium{
        color: rgb(255, 255, 255);
        margin-top: 80px;
        margin-left: 7.5%;
        margin-right: 7.5%;
        text-align: left;
        border-collapse: separate;
        font-size: 17px;
    }
    #textwind{
        margin-top: -10px;
        margin-left: 7.5%;
        margin-right: 7.5%;
        text-align: left;
        border-collapse: separate;
        font-size: 17px;
    }
    #profilewind img{
        display: none;
    }
    .galleryrw1 img { 
        margin-top: 30px ;
        margin-left: 20%;
        width: 400px;
    }
    .galleryrw2 img { 
        margin-top: -150px ;
        margin-left: 0%;
        width: 400px;
    }
    .galleryrw3 img {
        margin-top: -200px ;
        margin-left: 30%;
        width: 400px;
    }
    .galleryrw4 img {
        margin-top: -500px ;
        display: flex;
        margin-left: 55%;
        width: 400px;
    }
    .gallerywrp img { 
        margin-top: 30px ;
        margin-left: 10%;
        justify-content: center;
        display: block;
        margin: 0px auto;
        width: 450px;
    }
    .windgallery {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin: 10px 50px;
        margin-left: 6%;
        margin-top: -20px;
    }
    .windgallery img {
        transition: 0.1s;
        padding: 15px;
        width: 400px;
    }
    .windgallery img:hover{
        filter: opacity(80%);
    }
    #copyright{
        margin-top: 100px;
        margin-left: 13px;
        text-align: left;
        border-collapse: separate;
        font-size: 12px;
        color: #abdfdf;
    }
}
/* Smartphone*/
@media (max-width:899px){
    #logo-Wind {
        text-decoration: none;
        color:#abdfdf;   
        font-size: 40px;
        font-weight:normal;
        margin-left: 7.5%;
        line-height: 0.5cm;
    } 
    #GoBack {
        color: black;
        font-size: 22px;
        text-decoration: none;
        margin-left: 3.5%;
    }
    #GoBack:hover, #GoBack:active {
        color: #abdfdf;  
    }
    #Otherpage {
        color: black;
        font-size: 22px;
        text-decoration: none;
        margin-left: 10%;
        line-height: 45px;
    }
    #Otherpage:hover, #Otherpage:active {
        color: #abdfdf;  
    }
    #GoBackherbarium {
        color: rgb(255, 255, 255);
        font-size: 22px;
        text-decoration: none;;
    }
    #GoBackherbarium:hover, #GoBackherbarium:active {
        color: #abdfdf;  
    }
    #Otherpageherbarium {
        color: rgb(255, 255, 255);
        font-size: 22px;
        text-decoration: none;
        margin-left: 10%;
        line-height: 45px;
    }
    #Otherpageherbarium:hover, #Otherpageherbarium:active {
        color: #abdfdf;  
    }
    #texttitlewind{
        margin-top: 50px;
        font-size: 20px;
        font-weight: normal;
        margin-left: 7.5%;
        margin-right: 7.5%;
        margin-bottom: 5px;
    }
    .galleryrw1, .galleryrw2, .galleryrw3, .galleryrw4, img {
        margin-top: 30px ;
        margin-left: 10%;
        justify-content: center;
        display: block;
        margin: 0px auto;
        width: 400px;
    }
    .gallerywrp img { 
        margin-top: 30px ;
        margin-left: 10%;
        justify-content: center;
        display: block;
        margin: 0px auto;
        width: 350px;
    }
    #texttitleherbarium{
        color: rgb(255, 255, 255);
        margin-top: 75px;
        font-size: 20px;
        font-weight: normal;
        margin-left: 7.5%;
        margin-right: 7.5%;
        margin-bottom: 5px;
    }
    #textherbarium{
        color: rgb(255, 255, 255);
        margin-top: 50px;
        margin-left: 7.5%;
        margin-right: 7.5%;
        text-align: left;
        border-collapse: separate;
        font-size: 17px;
    }
    #textwind{
        margin-top: -10px;
        margin-left: 7.5%;
        margin-right: 7.5%;
        text-align: left;
        border-collapse: separate;
        font-size: 17px;
    }
    .galleryrw1 img { 
        margin-top: 30px ;
        align-items: center;
        width: 400px;
    }
    .galleryrw2 img { 
        margin-top: -405px ;
        align-items: center;
        width: 400px;
    }
    .galleryrw3 img {
        margin-top: -400px ;
        align-items: center;
        width: 400px;
    }
    .galleryrw4 img {
        margin-top: -400px ;
        display: flex;
        align-items: center;
        width: 400px;
    }
    .windgallery {
        justify-content: center;
        display: flex;
        flex-wrap: wrap;
        margin-top: -20px;
        margin-left: 7.5%;
        margin-right: 7.5%;
    }
    .windgallery img {
        transition: 0.1s;
        margin-top: 15px;
        margin-right: 15px;
        width: 300px;
    }
    .windgallery img:hover{
        filter: opacity(80%);
    }
    .Chat{
        margin-left: -0.5%;
        margin-top: 10px;
        margin-bottom: 50px;
    }
    #profilewind img{
        display: block;
        transition: 0.1s;
        width: 15%;
        margin-left: -0.5%;
        margin-top:30px
    }
    #bubble img{
        display: block;
        margin-left: 33%;
        margin-top: 20px;
        margin-bottom: -10px;
        width: 65%;
        transition: 0.1s;
    }
    #Wires img{
        display: block;
        margin-left: 8%;
        transition: 0.1s;
        width: 45%;
    }
    #Pergola img{
        display: block;
        margin-left: 8%;
        margin-top: 15px;
        transition: 0.1s;
        width: 55%;
    }
    #Fence img{
        display: block;
        margin-left: 8%;
        margin-top: 15px;
        transition: 0.1s;
        width: 51%;
    }
    #copyright{
        margin-top: 100px;
        margin-left: 13px;
        text-align: left;
        border-collapse: separate;
        font-size: 12px;
        color: #abdfdf;
    }
}