.page{ padding: 20px 20px 0 20px; background-color: #efefef; margin: 20px 0 20px 0; } .back{ background-color: rgba(102, 204, 255, 0.6); padding: 20px 0 20px 0; } .top{ text-align: center; } .bottom{ margin: 20px 0 20px 0; } @media screen and (min-width: 1080px){ .top{ font-size: 110%; } .box-left{ display: inline-block; width: 49%; } .box-right{ width: 49%; float: right; } } @media screen and (max-width: 1079px){ .top{ font-size: 80%; } .box-left{ width: 100%; } .box-right{ width: 100%; } } @media screen and (max-width: 1200px){ .bottom{ display: none; } } .para{ padding: 1em; background-color: #ffffff; margin: 0 0 20px 0; box-shadow: 0 1px 3px rgba(26,26,26,.1); } .para>h2{ margin: 0; }