@media only screen and (max-width : 1300px) and (min-width : 700px) {
    
    hr {
        width: 690px;    
    }
    
    .container{
        width: 650px;
    }

    .container h2{
        text-align: left;
    }
    
    .container img{
        max-width: 500px; 
    }
    
    .section{
        width: 48%;
        height: 100px;
        margin: 0 auto;
        font-size: 100%;
    }

    .section img{
        position: relative;    
        width: 100%;
        top: 50%;
        transform: translateY(-50%);	
    }
    
}