/* Styles applied according to each viewport */

/* Small and extra-small devices */
@media(max-width:767px){
    /* Ensure correct display on mobile devices */
	html, body{
	    max-width: 100%;
	    overflow-x: hidden;
    }
}

/* Medium devices */
@media(min-width:768px){
	.container{
        width: 966px;
    }    
}

/* Large devices */
@media(min-width:992px){

}

/* Extra large devices */
@media(min-width:1200px){
	
}