.content{
    margin-top: 5px;
    margin-bottom: 20px;
    text-align: center;

}
.frames li{
    display: inline-block;
    margin: 0px 4px 20px 4px;
}
.right{
    margin-left: 10px;
}
.right>p, .left>p{
    width: 270px;
}
hr{
    margin-bottom: 0px;
    margin-top: 0px;
    border-color: #800000;
}

/*----------MEDIA QUERY-----------*/

@media screen and (max-width: 710px){
    iframe{
        width: 410px;
    }
}

@media screen and (max-width: 520px){
    .frame li{
        display: block;
    }
    iframe{
        width: 310px;
    }
    .right{
        margin: 5px 0px 0px 0px;
    }
}
@media screen and (max-width: 350px){
    iframe{
        width: 234px;
    }
}