/* Home layout */ body > .silk-object.home { width: 100%; background-image: url(/graphics/bg.png); background-repeat: no-repeat; background-color: #f6f6f6; } body > .silk-object.home > .silk-list { display: flex; flex-direction: row; flex-wrap: wrap; max-width: 1300px; margin: 0px auto; padding: 40px 0px; } body > .silk-object.home > .silk-list > .left { width: 33.3333%; } body > .silk-object.home > .silk-list > .right { width: 66.6666%; background-color: #ffffff; } body > .silk-object.home .silk-object.boxes > .silk-list, body > .silk-object.home .silk-object.projects > .silk-list { display: flex; flex-direction: column; flex-wrap: nowrap; } body > .silk-object.home .silk-object.boxes > .silk-list { padding: 0px 40px 0px 0px; } body > .silk-object.home .silk-object.boxes > .silk-list > .silk-listItem + .silk-listItem { margin-top: 20px; } body > .silk-object.home .silk-object.boxes > .silk-list > .silk-listItem { background-color: #ffffff; padding: 20px; } body > .silk-object.home .silk-object.projects .silk-object.lowik.links > .silk-list { flex-direction: row; flex-wrap: wrap; } body > .silk-object.home .silk-object.projects > .silk-list > .silk-listItem:last-child { padding-right: 0px; padding-bottom: 0px; } body > .silk-object.home .sections > .silk-listItem { padding: 0px; } body > .silk-object.home .silk-list.rows { max-width: inherit; margin: inherit; } body > .silk-object.home .silk-list.rows .silk-list.columns { padding-left: 0px; } /* MEDIA QUERIES */ @media( max-width: 1120px ) { body > .silk-object.home > .silk-list > .left, body > .silk-object.home > .silk-list > .right { width: 50%; } body > .silk-object.home .silk-object.projects .silk-object.lowik.links > .silk-list { flex-direction: column; flex-wrap: nowrap; } .right .silk-object.lowik.column.links .content > .silk-list { margin-top: 20px; justify-content: space-between; } body > .silk-object.home .silk-object.lowik.column .content { padding-left: 0px; } } @media( max-width: 680px ) { body > .silk-object.home > .silk-list { padding: 40px 20px; } body > .silk-object.home > .silk-list > .left, body > .silk-object.home > .silk-list > .right { width: 100%; } body > .silk-object.home > .silk-list > .right { margin-top: 20px; } body > .silk-object.home .silk-object.boxes > .silk-list { padding: 0px; } } .silk-object.home .postings.headlines .columns { padding: 0px; } .silk-object.home .postings.headlines .columns > .silk-listItem { padding: 20px 10px 20px 10px; } .silk-object.home .postings.headlines .columns > .silk-listItem:nth-child( 1 ) { padding-left: 0px; } /* spanning */ @media ( min-width: 1121px ) { .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 1 ), .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 1n + 3 ) { width: 33.33%; } .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 2 ), .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 2n + 3 ) { width: 33.33%; } .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 3 ), .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 3n + 3 ) { width: 33.33%; } .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 3n ) { padding-right: 0px; } .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 3n + 1 ) { padding-left: 0px; } } @media ( max-width: 1120px ) { .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 1 ), .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 1n + 1 ) { width: 100.00%; } .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 1n ) { padding-right: 0px; } .silk-object.home .postings.headlines .columns.span-3 > .silk-listItem:nth-child( 1n + 1 ) { padding-left: 0px; } }