@media (min-width:300px) and (max-width:600px) {
    body {
        background-color: black;
        color: white;
        width: fit-content;
    }

    .header {
        margin-left: 120px;
    }

    .heading {
        font-size: 20px;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    .heading1 {
        margin-left: 5px;
        font-size: 13px;
    }

    .headertext {
        display: flex;
        justify-content: space-around;
        width: fit-content;
        margin-left: 20px;
        font-size: 10px;
    }

    .para1 {
        color: purple;
        margin-right: 20px;
    }

    .para2 {
        color: red;
        margin-right: 20px;
    }

    .para3 {
        color: yellow;
        margin-right: 20px;
    }

    .para4 {
        color: greenyellow;
        margin-right: 20px;
    }

    .para5 {
        color: blue;
        margin-right: 20px;
    }

    .headertext1 {
        font-size: 25px;
        margin-left: 80px;
    }

    span {
        color: red;
    }

    .mainrow1 {
        display: none;
    }

    .mainrow12 {
        display: flex;
    }

    .mainimg1 {
        width: 130px;
        height: 130px;
        margin-left: 28px;
    }

    .maintext {
        font-size: 15px;
        margin-left: 58px;
    }

    .lastbox {
        background-color: rgb(39, 38, 38);
        height: 150px;
        display: flex;
        font-size: 10px;
    }

    .lastcontent {
        margin-left: 15px;
    }

    a {
        text-decoration: none;
        color: white;
    }

    .lastcontent3 {
        margin-left: 15px;
    }

    .lastcontent5 {
        margin-left: 20px;
        font-size: 10px;
    }

    .lastcontent4 {
        display: none;
    }
}


@media (min-width:1000px) and (max-width:1600px) {
    body {
        background-color: black;
        color: white;
    }

    .heading {
        font-size: 60px;
        text-align: center;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    .heading1 {
        text-align: center;
        font-size: 30px;
    }

    .headertext {
        display: flex;
        justify-content: space-around;
        font-size: 20px;
    }

    .para1 {
        color: purple;
    }

    .para2 {
        color: red;
    }

    .para3 {
        color: yellow;
    }

    .para4 {
        color: greenyellow;
    }

    .para5 {
        color: blue;
    }

    .headertext1 {
        text-align: center;
        margin-top: 50px;
    }

    span {
        color: red;
    }

    .mainrow1 {
        display: flex;
        justify-content: space-around;
        margin-top: 100px;
    }

    .mainimg1 {
        width: 250px;
        height: 270px;
    }

    .mainrow12 {
        display: none;
    }

    .maintext {
        text-align: center;
        font-size: 20px;
    }

    .lastbox {
        background-color: rgb(39, 38, 38);
        height: 200px;
        display: flex;
    }

    .lastcontent {
        display: inline;
        margin-left: 50px;
    }

    a {
        text-decoration: none;
        color: white;
    }

    .lastcontent2 {
        margin-left: 200px;
    }

    .lastcontent3 {
        margin-left: 200px;
    }

    .lastcontent4 {
        margin-left: 200px;
        width: 250px;
    }

    .lastcontent5 {
        display: none;
    }
}