@media (max-width: 600px) {
    .fcenter,
    .start,
    .kaire {
        max-width: 100%;
        width: auto;
    }
    .start {
        display: flex;
        flex-direction: column;
    }
    .fleft,
    .fright,
    .div,
    .div1 {
        width: auto;
    }
    .fcenter {
        margin: 18px;
    }
    .fleft img {
        margin: auto;
        display: block;
    }
}

body {
    background: #0f172a;
    //background-image: url("bgas.png");
    max-width: 1200px;
    margin: auto;
    font-family: Verdana;
    font-size: 15px;
    margin-top: 15px;
}
.div {
    background: url("head.png");
    padding: 3px;
    text-align: center;
    color: #ffffff;
    margin: 0px auto;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #520505;
    padding: 8px 8px 8px 8px;
    width: 1200px;
    box-shadow: 0 0 3px 3px #ce0f0f;
    margin: 1px auto;
}
.spk {
padding: 4px 4px 4px 4px;
    background-color: #ffff99;
}
.sp {
padding: 4px 4px 4px 4px;
    background-color: #ff9999;
}
.div1 {
    background: url("foot.png");
    padding: 3px;
    text-align: center;
    color: #ffffff;
    margin: 1px 1px 1px 1px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #520505;
    padding: 8px 8px 8px 8px;
    box-shadow: 0 0 3px 3px #ce0f0f;
    margin: 0px auto;
    width: 1200px;
    margin: 2px auto;
}
.linija {
    border-top: 1px dotted #b30c0c;
    margin: 2px 2px 2px 2px;
}
.kaire {
    text-align: left;
    word-wrap: break-word;
}
.d {
    background-color: #f1f2f1;
    border-style: dotted;
    border-width: 1px;
    border-color: #b8c1b7;
    padding: 10px;
    padding-left: 30px;
    background-repeat: repeat-y;
    font-size: 12px;
    display: block;
    overflow: auto;
}
.border {
    border: 1px dashed #8c0c0c;
    text-align: center;
    padding: 3px;
    color: #4f0909;
    background: #ffffff;
    margin-top: 1px;
    border-radius: 5px;
    box-shadow: 0px 0px 50px #ce0f0f;
}
.borderl {
    background: #fbf3f3;
    color: #9d0e0e;
    padding: 2px;
    border: 1px solid #d39191;
    margin-top: 1px;
    margin-left: 1px;
    border-radius: 4px 4px 4px 4px;
    padding-left: 8px;
    box-shadow: 0px 0px 50px #ce0f0f;
}
.start {
    opacity: 0.95;
    //background-color: #242424;
    background-image: url(start.png);
    color: #4379a7;
    border-left: 1px dotted #8c0c0c;
    border-right: 1px dotted #8c0c0c;
    border-bottom: 1px dotted #8c0c0c;
    border-top: 1px dotted #8c0c0c;
    border-radius: 6px;
    box-shadow: 0 0 3px 3px #ce0f0f;
    text-align: center;
    padding: 5px 5px 5px 5px;
    color: #212121;
    width: 1205px;
    word-wrap: break-word;
}
.fleft {
    background-color: #fff;
    background-image: url(left.png);
    float: left;
    position: relative;
    border-left: 1px dotted #8c0c0c;
    border-right: 1px dotted #8c0c0c;
    border-bottom: 1px dotted #8c0c0c;
    border-top: 1px dotted #8c0c0c;
    border-radius: 6px;
    box-shadow: 0 0 3px 3px #ce0f0f;
    text-align: left;
    padding: 4px 4px 4px 4px;
    color: #212121;
    width: 200px;
    margin: 5px 5px 5px 5px;
    word-wrap: break-word;
}
.fcenter {
    background-color: #fff;
    background-image: url(center.png);
    float: left;
    position: relative;
    border-left: 1px dotted #8c0c0c;
    border-right: 1px dotted #8c0c0c;
    border-bottom: 1px dotted #8c0c0c;
    border-top: 1px dotted #8c0c0c;
    border-radius: 6px;
    margin-left: 18px;
    box-shadow: 0 0 3px 3px #ce0f0f;
    text-align: center;
    padding: 4px 4px 4px 4px;
    color: #212121;
    width: 720px;
    word-wrap: break-word;
}
.fright {
    background-color: #fff;
    background-image: url(left.png);
    float: right;
    position: relative;
    border-left: 1px dotted #8c0c0c;
    border-right: 1px dotted #8c0c0c;
    border-bottom: 1px dotted #8c0c0c;
    border-top: 1px dotted #8c0c0c;
    border-radius: 6px;
    box-shadow: 0 0 3px 3px #ce0f0f;
    text-align: center;
    padding: 4px 4px 4px 4px;
    color: #212121;
    width: 200px;
    margin: 5px 5px 5px 5px;
    word-wrap: break-word;
}
.text {
    clear: both;
    margin-bottom: 2px;
}
a:link,
a:visited,
a:active {
    color: #b30c0c;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    text-decoration: none;
}
a:hover {
    background-color: #ff8888;
    color: #ce0f0f;
    padding: 2px 2px 2px 2px;
}
.links {
    color: #b30c0c;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    display: block;
    text-decoration: none;
}
.clink {
    color: #000000;
    padding: 2px 2px 2px 2px;
    margin-top: 2px;
    text-decoration: none;
}
textarea,
input[type="text"],
input[type="password"],
select {
    background: #fff;
    border: 1px solid #810303;
    color: #480505;
    margin-top: 1px;
    border-radius: 3px;
    max-width: 430px;
    max-height: 100px;
}
fieldset {
    border-left: 1px dashed #b30c0c;
    border-top: 1px dashed #b30c0c;
    border-right: 1px dashed #ffffff;
    border-bottom: 1px dashed #ffffff;
    margin-right: 10px;
}
input[type="submit"] {
    background: #a23030;
    border-radius: 3px;
    color: #ffffff;
}
input[type="submit"]:hover {
    background: #da4242;
    color: #000;
}
input:hover {
    background: #f9f3f3;
}
textarea:hover {
    background: #f9f3f3;
}
select:hover {
    background: #f9f3f3;
}
table {
    text-align: center;
    border: 1px solid #ff9999;
    margin-top: 5px;
    max-width: 128px;
}
th {
    text-decoration: none;
    text-align: center;
}
td {
    text-align: center;
}

@media (max-width: 600px) {
    .fcenter,
    .start,
    .kaire {
        max-width: 100%;
        width: auto;
    }
    .start {
        display: flex;
        flex-direction: column;
    }
    .fleft,
    .fright,
    .div,
    .div1 {
        width: auto;
    }
    .fcenter {
        margin: 18px;
    }
    .fleft img {
        margin: auto;
        display: block;
    }
}