@media screen and (max-width: 1365px) {
            * {
                margin: 0;
                padding: 0;
            }

            body {
                background: rgb(0, 0, 0);
                background-repeat: no-repeat;
                background-size: cover;   
                min-height: 100vh;            
                text-align: center;
            }
               .post img {
                
                width: 100%;
		        margin-top: 20px;
		        border-radius: 8px;
                border: 0px ridge black;

            }


            
                       
            .linko {
               
                display: grid;
                grid-template-columns: 1fr 1fr;
                grid-template-rows: 1fr 1fr;                               
                width: 100vw;
                height: auto;
                font-size: 13px;
                font-family: 'Roboto Light', serif;
            }
            .wllinko1 { 
                grid-column-start: 1;
                grid-column-end: 2;
                grid-row-start: 1;
                grid-row-end: 2;
            }

            .wllinko2 { 
                grid-column-start: 2;
                grid-column-end: 3;
                grid-row-start: 1;
                grid-row-end: 2;
            }

            #audio_player {
                grid-column-start: 1;
                grid-column-end: 3;
                grid-row-start: 2;
                grid-row-end: 3;
            }

             a.wllinko1 {
                
                text-align: left;
                text-decoration: none;
                color: #7573d8;
                margin-left: 10px;
                margin-top: 110px;
               
		     
            }

            .wllinko1:hover {
                color:#6462c7;
                text-decoration: none;
                
                
            }

            a.wllinko2 {
                
                text-align: right;
		        text-decoration: none;
                color: #7573d8;
                margin-right: 10px;
                margin-top: 110px;
              
	       
            }

            .wllinko2:hover {
               
                color: #6462c7;
                text-decoration: none;
                
            }

            #audio_player {
               
                display: grid;
                width: 100%;
                margin-top: 60px;
                
                justify-items: center;
                border-radius: 1px;
                box-shadow: 0 1px 4px rgba(216, 213, 213, 0.2);
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 13px;
                font-style: italic;
                background: none;
                color: #ededf3;
                height: 50px;                              
            }
            #kont {
                width: 80%;
                height: 23px;               
                align-self: center;
                background: none;
                border-radius: 5px;
            }
            #rapotta {
                
                justify-self: center;
                align-self: center;
                width: 100%;
            }

        }



/* @media screen and (max-width:1365px) {
            * {
                margin: 0;
                padding: 0;
            }

            body {
                background: rgb(0, 0, 0);
                width: 100vw;
              
                text-align: center;

            }





            .post img {
                
                width: 100%;
		        margin-top: 20px;
		        border-radius: 8px;
                border: 0px ridge black;

            }

            .linko {
               
                display: grid;
                grid-template-columns: 1fr 1fr 1.2fr;
                width: 100vw;
                font-size: 13px;
                font-family: 'Roboto Light', serif;
                

		
            }

            a.wllinko1 {
              
                text-align: left;
                text-decoration: none;
                color: #7573d8;
                margin-left: 5px;
                margin-top: 110px;
               
		     
            }

            .wllinko1:hover {
                color: #6462c7;
                text-decoration: none;
                
                
            }

            a.wllinko2 {
               
                text-align: right;
		        text-decoration: none;
                color: #7573d8;
                margin-right: 5px;
                margin-top: 110px;
              
	        
            }

            .wllinko2:hover {
               
                color: #6462c7;
                text-decoration: none;
                
            }
        
         #audio_player {
                display: grid;
              
                margin-top: 50px;
              
                border-radius: 1px;
                box-shadow: 0 1px 4px rgba(228, 185, 185, 0.2);
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 13px;
                font-style: italic;
                background: none;
                color: antiquewhite;
                height: 35px;
                
            
               
            }
            #kont {
                width: 80%;
                height: 15px;
                justify-self: center;
                align-self: center;
                
            }
            #rapotta {
                
                justify-self: center;
                align-self: center;
                width: 100%;
            }

        } */




      /*  @media screen and (min-width: 601px) and (max-width: 1099px) {
            * {
                margin: 0;
                padding: 0;
            }

            body {
                background: rgb(0, 0, 0);
                width: 100vw;
                height: auto;
                
            }





            .post img {
                text-align: center;
                margin-top: 20px;
                width: 80%;
                transition: transform 0.6s ease-in-out;

		        border-radius: 8px;
                border: 0px ridge black;
            }

            .post img:hover {
                transform: scale(1.1);
		

            }

            .linko {
                display: block;
                width: 100%;
                font-size: 15px;
                font-family: 'Roboto Light', serif;
                padding-top: 22px;
            }

            a.wllinko1 {
                width: 50%;
                text-align: left;
                text-decoration: none;
                color: #7573d8;
            }

            .wllinko1:hover {
                color: #6462c7;
                text-decoration: none;
                justify-self: start;
                width: 50%;
            }

            a.wllinko2 {
                text-align: right;
                text-decoration: none;
                color: #7573d8;
                width: 50%;
            }

            .wllinko2:hover {
                justify-self: end;
                color: #6462c7;
                text-decoration: none;
                width: 50%;
            }




        } */

        @media screen and (min-width: 1366px) {
            * {
                margin: 0;
                padding: 0;
            }

            body {
                background: rgb(0, 0, 0);
                margin-top: 20px;
                max-width: 100vw;
                max-height: 100vh;

                text-align: center;


            }

            .post img {
                width: 75%;
		        border-radius: 8px;
                border: 0px ridge black;
                transition: transform 0.8s ease-in-out;
		       
            }

            .post img:hover {
                transform: scale(1.2);
		

            }





            .linko {
                display: flex;
                width: 100%;
                font-size: 17px;
                font-family: 'Roboto Light', serif;
               /* padding-top: 22px;*/
            }

            a.wllinko1 {
                width: 33%;
                justify-self: start;
                text-decoration: none;
                color: #7573d8;
                margin-top: 22px;
            }

            .wllinko1:hover {
                color: #6462c7;
                text-decoration: none;
                justify-self: start;
                width: 33%;
            }

            a.wllinko2 {
                justify-self: end;
                text-decoration: none;
                color: #7573d8;
                width: 33%;
                margin-top: 22px;
            }

            .wllinko2:hover {
                justify-self: end;
                color: #6462c7;
                text-decoration: none;
                width: 33%;
            }

            #audio_player {
                justify-self: center;
                width: 44%;
                text-align: center;
                border-radius: 5px;
                box-shadow: 0 1px 4px rgba(216, 213, 213, 0.2);
                font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
                font-size: 15px;
                font-style: italic;
                background: none;
                color: antiquewhite;
                margin-top: 15px;
            }


            #kont {
                margin-top: 15px;
                width: 100%;
                height: 23px;
                justify-self: center;
                align-self: center;
                background: none;
                border-radius: 5px;
            }
            #rapotta {
                
                justify-self: center;
                align-self: center;
                width: 100%;
            }
        }