h1{
    font-size: 50px;
    color:#272727;
    text-align: left;
    padding: 10px;
}

.float-left{
    float: left;
    width: 450px;
    padding: 5px;
}

.float-right{
    float: left;
    width: 45%;
    padding: 5px;
}

.main-img{
    width: 428px;
}

@media only screen and (max-width: 900px) {
    .main-img{
        width: 100%;
    }
    .float-left{
        width: 300px;
    }
    h1{
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .main-img{
        width: 428px;
    }
    .float-left{
        width: 100%;
        text-align: center;
    }
    .float-right{
        width: 100%;
    }
}

@media only screen and (max-device-width: 600px) {
    .main-img{
        width: 428px;
    }
    .float-left{
        width: 100%;
        text-align: center;
    }
    .float-right{
        width: 100%;
    }
}