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

            body {
                background-image: url("../img/tlo_m.png");
                background-repeat: no-repeat;
                background-size: cover;   
                min-height: 100vh;            
                text-align: center;
            }
            .post img {
               
                width: 100%;
                padding-top: 20px;
                border-radius: 5px;
                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;
             
                margin-top: 60px;
              
                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: #2825df;
                height: auto;                              
            }
            #kont {
                width: 80%;
                height: 23px;
                justify-self: center;
                align-self: center;
                background: none;
                border-radius: 5px;
            }
            #rapotta {
                
                justify-self: center;
                align-self: center;
                width: 100%;
            }

        }


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

            body {
                background-image: url("../img/tlo_m.png");
                background-repeat: no-repeat;
                background-size: cover;                   
                text-align: center;
            }

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

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

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

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

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

            a.wllinko1:hover {
                color: #2926c2;
                text-decoration: none;               
            }

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

            a.wllinko2:hover {
               
                color: #2926c2;
                text-decoration: none;
                
            }
            #audio_player {
               
                display: grid;
                width: 100vw;
                margin-top: 30px;
              
                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: #2825df;
                height: 50px;           
               
            }
            #kont {
                width: 80%;
                height: 23px;
                justify-self: center;
                align-self: center;
                background: none;
            }
            #rapotta {
                
                justify-self: center;
                align-self: center;
                width: 100%;
            }

        }

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

            body {
                background-image: url("../img/tlo.png");
                background-repeat: no-repeat;
                background-size: cover;               
                min-height: 100vh;                
                text-align: center;


            }

            .post img {
                margin-top: 27px;
                width: 75%;
		        border-radius: 8px;
                border: 0px ridge black;
                transition: transform 1s ease-in-out;

            }
                
            .post img:hover {
              transform: scale(1.17);
		
            }
            .linko {
                display: grid;
                grid-template-columns: 1fr 2fr 1fr;
                width: 100%;
                font-size: 17px;
                font-family: 'Roboto Light', serif;
                padding-top: 22px;
            }

            a.wllinko1 {
               /* width: 50%;*/
                justify-self: start;
                text-decoration: none;
                color:#2825df;
                margin-left: 120px;
            }

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

            a.wllinko2 {
                
                text-decoration: none;
                color: #2825df;            
                justify-self: end;
                margin-right: 120px;
            }

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

             #audio_player {
                display: grid;              
                margin-top: 10px;              
                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: 15px;
                font-style: italic;
                background: none;
                color:  #2825df;
                height: 45px;              
            }
            #kont {
                width: 80%;
                height:23px;
                justify-self: center;
                align-self: center;
                background: none;
                border-radius: 5px;
            }
            #rapotta {                
                justify-self: center;
                align-self: center;
                width: 100%;
            }

        }


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

            body {
                background-image: url("../img/tlo.png");
                background-repeat: no-repeat;
                background-size: cover;               
                min-height: 100vh;                
                text-align: center;

            }

            .post img {
                margin-top: 55px;
                width: 75%;
		        border-radius: 8px;
                border: 0px ridge black;
                transition: transform 1s ease-in-out;
            }
                
            .post img:hover {
              transform: scale(1.2);		
            }

            .linko {
                display: grid;
                grid-template-columns: 1fr 2fr 1fr;
                width: 100%;
                font-size: 17px;
                font-family: 'Roboto Light', serif;
                padding-top: 22px;
            }

            a.wllinko1 {
               /* width: 50%;*/
                justify-self: start;
                text-decoration: none;
                color:#2825df;
                margin-left: 120px;
            }

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

            a.wllinko2 {
                
                text-decoration: none;
                color: #2825df;             
                justify-self: end;
                margin-right: 120px;
            }

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

             #audio_player {
                display: grid;              
                margin-top: 10px;              
                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: 15px;
                font-style: italic;
                background: none;
                color:  #2825df;
                height: 45px;
                
            
               
            }
            #kont {
                width: 80%;
                height:23px;
                justify-self: center;
                align-self: center;
                background: none;
                border-radius: 5px;
            }
            #rapotta {
                
                justify-self: center;
                align-self: center;
                width: 100%;
            }
            
         
        }