@font-face {
    font-family: 'Times Regular';
    src: url('fonts/Times Ten CE Roman Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Times Italic';
    src: url('fonts/Times Ten CE Roman Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Times Bold Italic';
    src: url('fonts/Times Ten CE Roman Bold Italic.ttf') format('truetype');
}
@font-face {
    font-family: 'Times Bold';
    src: url('fonts/Times Ten CE Roman Bold.ttf') format('truetype');
}
@font-face {
    font-family: 'ANK16';
    src: url('fonts/Mx437_DOS-V_re_ANK16.ttf') format('truetype');
}
@font-face {
    font-family: 'Nimbus';
    src: url('fonts/Nimbus Sans L Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Gold';
    src: url('fonts/Gold Rush Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Frankfurter Venetian';
    src: url('fonts/FrankfurterVenetian.otf') format('opentype');
}
@font-face {
    font-family: 'Frankfurter Regular';
    src: url('fonts/Frankfurter D Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Amelia Regular';
    src: url('fonts/AmeliaRegular.ttf') format('truetype');
}

body {
    background-color: #D9D9D9;
}

nav {
    font-size: 15px;
    font-weight: bolder;
    font-family: 'Times Bold';
}

nav li {
    display: inline;
    margin-right: 1rem;
}

nav a {
    color: black;
    text-decoration: none;
}

a {
    color: black;
}

main {
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-x: hidden;
    margin-bottom: 2rem;
}

.column {
    max-width: 600px;
    padding: 0;
}

code {
    font-family: 'ANK16';
    font-weight: normal;
    font-size: 25px;
}

strong {
    font-family: 'Nimbus';
    font-weight: normal;
    font-size: 25px;
}

h6 {
    font-family: 'Times Italic';
    font-weight: normal;
    font-size: 25px;
}
h5 {
    font-family: 'Times Bold Italic';
    font-weight: normal;
    font-size: 25px;
}
h4 {
    font-family: 'Gold';
    font-weight: normal;
    font-size: 25px;
    margin: 0;
}
h3 {
    font-family: 'Amelia Regular';
    font-weight: normal;
    font-size: 25px;
    display: inline;
    margin: 0;
}
h2 {
    font-family: 'Frankfurter Regular';
    font-weight: normal;
    font-size: 25px;
    line-height: 25px;
}
h1 {
    font-family: 'Frankfurter Venetian';
    font-weight: normal;
    font-size: 25px;
}

ul {
    font-size: 25px;
}

main p, main a {
    font-size: 25px;
    font-weight: normal;
    font-family: 'Times Regular';
}

img {
    padding: 0;
    margin: 0;
}

li {
	list-style: none;
	background-image: url('images/Vector.png');
    background-position: left center;
    padding: 0 0 0 20px;
	background-repeat: no-repeat;
	background-size: 15px;
    margin-top: 10px;
}

.table-1 {
    margin-top: 4rem;
    margin-bottom: 7rem;
}

.table-1 td p {
    padding-left: 30px;
    max-width: 520px;
    width: 100%;
}

.table-2 td {
    vertical-align: top;
}

.table-2 td p {
    margin-top: 0;
}

.window {
    position: relative;
    margin: 0;
    padding: 0;
    margin-bottom: 100px;
}

.window img {
    position: absolute;
    width: 600px;
    padding: 0;
}

.window ul {
    padding: 0;
    padding: 80px;
    font-size: 23px;
}

.window li {
    margin-top: 20px;
}

.window li:nth-of-type(1) {
    font-family: 'Frankfurter Regular';
}
.window li:nth-of-type(2) {
    font-family: 'Times Bold Italic';
}
.window li:nth-of-type(3) {
    font-family: 'Amelia Regular';
}
.window li:nth-of-type(4) {
    font-family: 'Nimbus';
}
.window li:nth-of-type(5) {
    font-family: 'Gold';
}
.window li:nth-of-type(6) {
    font-family: 'ANK16';
}

img.centred, .komputery img {
    display: block;
    margin: 0 auto;
}

.row {
    flex-direction: row;
    text-align: center;
}

.komputery, .row {
    margin-top: 100px;
    margin-bottom: 100px;
}

.inline {
font-size: 25px;
}

.inline h3 {
    display: inline;
    margin: 0;
}

.icon-sm { width: 55px; max-width: 100%; }
.icon-md { width: 100px; max-width: 100%; }
.img-full { width: 600px; max-width: 100%; height: auto; }
.img-medium { width: 400px; max-width: 100%; height: auto; }

.row img {
    width: 50px;
    max-width: 15%;
}

@media (max-width: 640px) {
    .column {
        padding: 0 1rem;
        box-sizing: border-box;
    }

    .window ul {
        padding: 40px 20px;
        font-size: 20px;
    }

    strong, code, h6, h5, h3, h2 {
        font-size: 20px;
    }

    .table-1 td p {
        padding-left: 15px;
    }
}