body {
          margin: 0; padding:0;
          font-family: Arial, Helvetica, sans-serif;
        }
        
        ul {list-style-type: none;margin:0; padding:0;}
        li {margin:0; padding:0;}
        li span{display:block;}
        p{text-align:left; margin:1em 1em;}
        
        .home{font-size:1.7em; position:fixed; top:0; left:0; padding:0.05em 0.3em;text-decoration:none; color:grey; font-weight: bold;}
        .back{font-size:1.7em; position:fixed; top:0; right:0; padding:0.05em 0.3em;text-decoration:none; color:grey; font-weight: bold;}
        
        h1{font-size:1.2em; padding:0.25em 0.5em; color:white;background:black; margin:0; position:fixed; top:0; right:0; left:0; text-align:center;}
        
        .plant-photo-list{display: inline-flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; gap:3vw 3vw; text-align: center; margin:0 1em;}
        
        .plant-description{text-decoration:none; margin:0; padding:0; display:inline-block;}
        .plant-description-heading{font-size:1em; padding:0.25em 1em; margin:1em 0; background:black; color:white; display:block; text-align:left;}
        .plant-description p{min-width:45vw;}
        .list-of-plant-species{display: inline-flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; gap:3vw 3vw; text-align: center; margin:0;}
        .plant-species{font-size:0.9em; padding:0.25em 0; margin:0; background:black; color:white; font-style: italic; max-width:45vw;display:block;}
        .plant-species-link{text-decoration:none; margin:0; padding:0; display:inline-block;}
        .plant-species-photo{max-width:45vw; max-height:40vh;margin:0; padding:0;}
        .plant-species-scientific-name{}
        .plant-species-common-name{max-width:45vw;display:block;font-size:0.9em; font-style: normal;}
        
        .list-of-tracks{display: inline-flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; gap:3vw 3vw; text-align: center; margin:0;}
        .track-name{font-size:0.9em; padding:0.25em 0; margin:0; background:black; color:white; max-width:45vw;display:block;}
        .track-link{text-decoration:none; margin:0; padding:0; display:inline-block;}
        .track-photo{max-width:45vw; max-height:40vh;margin:0; padding:0;}
        
        .map-name{font-size:0.9em; padding:0.25em 0; max-width:93vw; margin: 2em auto; background:black; color:white;}
        .map-link{text-decoration:none; margin:0; padding:0; display:block; text-align:center;}
        .map-photo{max-width:93vw; margin:0; padding:0;}
        
        .list-of-parks{display: inline-flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; gap:3vw 3vw; text-align: center; margin:0;}
        .park-name{font-size:0.9em; padding:0.25em 0; margin:0; background:black; color:white; max-width:45vw;display:block;}
        .park-link{text-decoration:none; margin:0; padding:0; display:inline-block;}
        .park-photo{max-width:45vw; max-height:40vh;margin:0; padding:0;}
        
        .flinksbox{display:block; background:black; padding-left:0.5em; margin-top:1.5em;}
        .flinks{display:inline-block; text-decoration:none; color:white; padding:0.5em 0.5em 0em;font-size:1em;}
  
 
        @media only screen and (min-width: 1000px) {
        
        .home{font-size:1.8em; padding:0em 0.3em;}
        .back{padding:0.02em 0.3em;}
        
        h1{font-size:1.2em;}
            
        .plant-info{display: inline-flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; gap:1vw 1.5vw; text-align: center; margin:0 0.9vw;}
        
        .list-of-plant-species{display: inline-flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; gap:1vw 1.5vw; text-align: center; margin:0 0.9vw;}
        .plant-species{font-size:0.9em; padding:0.25em 0.5em;}
        .plant-species-link{}
        .plant-species-photo{max-height:20.5vw;}
        .plant-species-scientific-name{}
        .plant-species-common-name{}
        
        .list-of-tracks{display: inline-flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; gap:1vw 1.5vw; text-align: center; margin:0 0.9vw;}
        .track-name{font-size:1em; padding:0.25em 0.5em;}
        .track-link{}
        .track-photo{max-height:30vw;}

        .map-name{font-size:1em; max-width:84.5vw;}
        .map-link{}
        .map-photo{max-width:84.5vw;}
    
        .list-of-parks{display: inline-flex;  flex-direction: row; flex-wrap: wrap; justify-content: center; gap:1vw 1.5vw; text-align: center; margin:0 0.9vw;}
        .park-name{font-size:1em; padding:0.25em 0.5em;}
        .park-link{}
        .park-photo{max-height:20.5vw;}
        
        .flinks{font-size:1em;}
        
        }
       
       
        .dns:before {content: attr(xmlrs) "\0040" attr(prxy); unicode-bidi: bidi-override; direction: rtl;}

        .centre{text-align: center;}
        .content{padding-top:3em;}
        .text-content{padding-top:2em;}
        
        .plist{text-align:left; font-size:0.7em; padding:0.5em;}
        .plist td{padding:0 0.5em 0 0.5em; vertical-align: top;}
        .plist th{padding:0.5em 0.5em 0 0.5em;}
        .plist a{text-decoration:none;}
        
        .bottom2{position:fixed; bottom:0; display:block;width:100vw;}

        .maininfo{width:50%;}
        .addinfo{visibility: hidden; width:0%;}
        .bottom{margin-top:1.5em;}
        .bottom3{margin-top:1.5em;}
        .cright{display:block; font-size:0.7em; text-align:right; padding:1em 0.5em 0.5em;background:black;color:white;}
   
        a{color:black; margin:0px; padding:0px;}

        .planticon {max-height:20vh; max-width:40vw; padding: 10px; display: inline; border: 2px solid #ccc;}
        .linkicon {max-height:30vh; max-width:80vw; padding:10px; display: inline; border: 2px solid #ccc;}
        #cpmap {width:1vw; visibility:hidden;}
        #mapcanvas {width:100vw; margin-top:10px; margin-bottom:10px;}
        #imagecanvas{height:30vh; width:28vw; padding-top:20px;}
        .linkbox {display:inline-block; text-decoration:none; margin:0 5px; max-width:45vw; vertical-align: text-top;}
        .widelinkbox {display:inline-block; text-decoration:none; margin:0 5px; width:95vw; vertical-align: text-top;}
        .mainlinkbox {display:inline-block; text-decoration:none; margin:0 5px; width:80vw; vertical-align: text-top;}
        .plantlinkbox {display:inline-block; text-decoration:none; padding:0.5em 0 0.5em; max-width:90vw; max-height:65vh;}
        .plantlink {text-decoration:none; padding:0.5em 0 0.5em; max-width:90vw; max-height:65vh;}
        .linktext {margin:0; padding:0; text-decoration:none;}
        
        .photo {max-width:45vw; max-height:40vh; margin:1em 0 0.1em;}
        .walkphoto {max-width:45vw; max-height:40vh; margin:1em 0 0;}
        .widephoto {width:95vw; margin:1em 0;}
        .mainphoto {max-width:80vw; margin:1em 0 0;}
        .plantphoto {max-width:86vw; max-height:65vh; margin:0 0 0 1em;}
        .plantlistitem{font-size:0.9em; font-weight:bold;}
        h4{margin-bottom:0; margin-top:0; font-size:1em;}
                h3{margin-bottom:0; margin-top:0; font-size:0.9em;}
        .figcap{font-size:0.9em; width:86vw; margin:0; padding:0 1em 1em 1em;}
        
        @media only screen and (min-width: 1000px) {
            
            .photo {max-width:40vw; max-height:35vh;}
            .walkphoto {max-width:40vw; max-height:55vh;}
            .mainlinkbox {display:inline-block; text-decoration:none; margin:40px 5px 5px 5px; max-width:31vw; vertical-align: text-top;}
            .mainphoto {max-width:31vw; max-height:45vh; margin:10px 0 0.2em;}
            .plantlinkbox {}
            .plantphoto {max-height:55vh;}
            .plantlistitem{font-size:1em;}
            
            h4{margin-bottom:0; font-size:1.2em;}
            li{margin-bottom:0; font-size:1em; padding-top:1em;}
            h3{margin-bottom:0; font-size:1em;}
            .cright{font-size:0.8em;}

            .bottom3{position:fixed; bottom:0; display:block; width:100vw;}
       
            .plist{font-size:1em;}
            .addinfo{visibility: visible; width:auto;}
            .maininfo{width:auto;}
        }