@charset  "UTF-8";


main {
    display: grid;
    width: 500px;
      /*
    width: 1920px;
  
    height: 1080px;
    height: 800px;
    border: 3px solid orange;
    grid-template-columns:repeat(5, 4fr );
    */
    grid-template-columns:repeat(3);
    grid-template-rows: repeat(3), 1fr;
    grid-gap: 20px; 
    margin-left: 20px;
    margin-top: 20px;
}


/*
.logos {

margin-left: 20px;
margin-top: 20px;

} */

.topper {
    grid-column: 1 / span 3;
    grid-row:    1 / 2;	
    }

.logos{
        grid-column: 1 / 2;
        grid-row: 2 / 3;	 
        }

        .article {
          grid-column: 1 / 2;
          grid-row: 2 / 3;	 
          }

.mainpic {
            grid-column: 2 / 3;
            grid-row: 2 / 3;	 
            }


            .go_right{
              margin-left: 400px;
               
               }

            .go_right_2{
              margin-left: 450px;
               
               }