.twitter-frame{
    height: 360px;
    width: 500px; 
}
.fb-iframe iframe{
    width: 480px;
    height: 295px;
}

@media only screen and (max-width: 360px) {
    .twitter-frame{
        width: 350px;
    }

    .fb-iframe iframe{
        width: 330px;
        height: 185px;
    }
    .fb-title{
        margin-top: -100px;
    }
}

@media only screen and (max-width: 320px) {
    .twitter-frame{
        width: 305px;
    }

    .fb-iframe iframe{
        width: 290px;
        height: 185px;
    }
    .fb-title{
        margin-top: -100px;
    }
}

@media only screen and (min-width: 375px){
    .twitter-frame{
        width: 340px;
    }

    .fb-iframe iframe{
        width: 340px;
        height: 185px;
    }
    .fb-title{
        margin-top: -100px;
    }
}

@media only screen and (min-width: 640px){
    .twitter-frame{
        width: 540px;
    }
}

@media only screen and (min-width: 384px){
    .twitter-frame{
        width: 355px;
    }

    .fb-iframe iframe{
        width: 340px;
        /* height: 185px; */
    }
    .fb-title{
        margin-top: -100px;
    }
}

@media only screen and (min-width: 800px){
    .twitter-frame{
        width: 408px;
        height: 425px;
    }
}
@media only screen and (min-width: 1024px){
    .fb-iframe iframe{
        width: 400px;
        height: 300px;
    }
    .fb-title{
        margin-top: -130px;
    }
}