#swap1 { display: inline; }
#swap2 { display: none; }

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box; }

.container {
  margin: 0 auto;
  overflow: hidden;
  max-width: 960px; }
  .frame:after {
    content: "";
    display: table;
    clear: both; }

[class*='column-'] {
  float: left;
  padding: 0em; }

.module {
  padding: 10px; 
}

.column-1  {width: 100%; }
.column-2  {width: 50%; }
.column-3  {width: 33.33333%; }
.column-4  {width: 25%; }
.column-5  {width: 20%; }
.column-6  {width: 16.66667%; }
.column-7  {width: 14.28571%; }
.column-8  {width: 12.5%; }
.column-9  {width: 11.11111%; }
.column-10 {width: 10%; }
.column-11 {width: 9.09091%; }
.column-12 {width: 8.33333%; }
.column-25 {width: 25%; }
.column-40 {width: 40%; }
.column-60 {width: 60%; }
.column-75 {width: 75%; }
.column-80 {width: 80%; }

@media (max-width: 480px) {
  .column-1  { width: 100%; }
  .column-2  { width: 100%; }
  .column-3  { width: 100%; }
  .column-4  { width: 100%; }
  .column-5  { width: 100%; }
  .column-6  { width: 100%; }
  .column-7  { width: 100%; }
  .column-8  { width: 100%; }
  .column-9  { width: 100%; }
  .column-10 { width: 100%; }
  .column-11 { width: 100%; }
  .column-12 { width: 100%; }
  .column-40 { width: 100%; }
  .column-60 { width: 100%; } 

  .container { padding: 20px;}
  .menu-ul { display: none;}
  .bgImg { display: none; }
  .section-3 { padding: 10px 10px; }
  #logo { margin: -15px; }

  #menu-icon {
    display:inline-block;
  }
  }

@media (min-width: 480px) and (max-width: 600px) {
  .column-6, .column-8, .column-10, .column-12 {
    width: 50%; }
  .column-1, .column-2, .column-3, .column-4, .column-5, .column-7, .column-9, .column-11, .column-40, .column-60 {
    width: 100%; } 
  .container { padding: 20px;}
  .menu-ul { display: none;}
  .bgImg { display: none; }
  .section-3 { padding: 10px 10px; }
  #logo { margin: -15px; }
  #swap1 { display: none; }
  #swap2 { display: inline; }

  }

@media (min-width: 600px) and (max-width: 800px) {
  .container { padding: 20px;}
  .column-2, .column-7.column-40, .column-60 {
    width: 100%; }
  .column-4, .column-8, .column-10, .column-12 {
    width: 50%; } 
  #logo { margin: -15px; }
  }