@media screen and (min-width:0px) and (max-width:320px)
{ 

#footer-left {
  width: 14em;
  left: 0em;
  }

.arrow {
  width: 12em;
  }

}

@media screen and (min-width:0px) and (max-width:460px)
{ 

#li_1 {
  clear: left;
  }

}

@media screen and (min-width:320px) and (max-width:780px)
{ 

#footer-left {
  width: 14em;
  left: 0em;
  }

.arrow {
  width: auto;
  margin-right: 1em;
  }
}

@media screen and (min-width:0em) and (max-width:780px)
{ 

#in_header, 
#main,
#row_2,
#row_3 { 
  padding: 0em 4% 0em 4%;
  }

.row_1 { 
  width: 100%;
  }

#logo {
  margin-bottom: -1em;
  }

#logo_top img {
  width: 100%;
  }

#nav {
  width: 100%;
  height: auto;
  float: left;
  margin-top: 1em;
  margin-left: 0%;
  margin-bottom: 2em;
  }

#headings1 {
  display: block; 
  }

#navigation {
  width: 100%;
  display: none; 
  padding-left: 0em;
  padding-bottom: 0.4em;
  }

#menu-navigation {
  float: left;
  margin-left: 0em;
  }

#menu-navigation li {
  width: 100%;
  margin: 0em;
  }

#in_footer ul {
  left: 0em;
 }

}

@media screen and (min-width:780px) and (max-width:1060px)
{ 

.row_1 { 
  max-width: 49em;
  }

#nav {
  width: 100%;  
  margin-top: 0em;
  margin-bottom: 2em;
  }

#menu-navigation {
  padding-left: 2.2em;
  margin-left: 0em;
  }

#footer-left {
  margin-right: 0em;
  }    

#in_footer ul {
  max-width: 44em;
  }

#in_footer ul li {
  width: 14em;
  }

}