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

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

            }





            .post img {
                
                width: 100%;
		        margin-top: 20px;
		        border-radius: 8px;
                border: 0px ridge black;
/*                transition: transform 0.6s ease-in-out;
*/
            }

           /*  .post img:hover {
               transform: scale(1.3);
		

            }*/

            .linko {
                display: flex;
                width: 100vw;
                font-size: 13px;
                font-family: 'Roboto Light', serif;
                padding-top: 110px;
		
            }

            a.wllinko1 {
                width: 50%;
               /* justify-self: flex-start;*/
                text-align: left;
                text-decoration: none;
                color: #7573d8;
		/*border: 1px solid red;*/
            }

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

            a.wllinko2 {
               /* justify-self: end;*/
                text-align: right;
		        text-decoration: none;
                color: #7573d8;
                width: 50%;
	/*	border: 1px solid red;*/
            }

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




        }




      /*  @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: 1100px) {
            * {
                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: 50%;
                justify-self: start;
                text-decoration: none;
                color: #7573d8;
            }

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

            a.wllinko2 {
                justify-self: end;
                text-decoration: none;
                color: #7573d8;
                width: 50%;
            }

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


        }