.container-fluid { background-color: rgba(0, 0, 255, 0.1); } .container_footer { max-width: 900px; } .navbar-nav { margin: 0 auto; table-layout: fixed; float: left; } .job-work { height: 620px; } .job-cover .title h2 { font-size: 1.5rem; line-height: 1.5; } .job-cover .inner .title-panel { right: 0; } .job-work .inner .photo { left: 0; } .job-work .inner .message-panel { left: auto; right: 0; top: 10%; } .job-role .message-panel { width: 480px; right: 30px; top: 70%; } .job-future .inner .photo {} @media screen and (max-width: 52.5em) and (min-width: 40.0625em) { .job-work { height: auto; } .job-cover .inner .photo { text-align: center; } .job-work .inner .message-panel {} .job-role .inner .message-panel { width: 560px; } job-role { height: 750px; } .job-future { height: 700px; } .job-role .message-panel { top: 75%; } .job-future .inner .message-panel {} } @media screen and (max-width:40em) { .job-work { height: auto; } .job-cover .inner .title-panel { left: 10px; } .job-work .inner .message-panel { right: 0; } .job-role .inner .message-panel { width: 100%; left: 0; } .job-future { height: 600px; } .job-cover .inner .title .role {} }