@media screen and (max-width: 700px) {
    div.main {
        position: relative;
        left: 0px;
        background-color: rgb(255, 255, 255);
        width: 100%;
        min-height: 1000px;
    }
    h1 {
        padding: 10px;
        font-size: x-large;
        font-weight: bolder;
    }

    p {
        padding: 10px;
    }

    img {
        padding: 15px;
    }

    img.BB {
        width: 350px;
    }

    img.BCarry {
        padding: 0px;
        width: 100px;
    }
    
    img.contact{
        width: 350px
    }
    
    td.BCarry{
        font-size: 
    }

    div.to_top {
        text-align: right;
    }

    i {
        color: red;
        font-weight: bold;
    }
    iframe {
        margin: 10px;
        width: 350px;
        height: 200px;
    }
}