@media screen and (max-width: 1199px){
#wrapper {
          width: 100%;
}
#content {
        width: 40%;
}
.main {
      width:20%;
}
.container {
           width:40%;

}
.president {
           width:70%;
}
.web1 {
      width:30%;
}

.imgphoto {
          width:30%;
}
		   
#sidebar {
         width:30%;

}
.carry {
       width:30%;
}
.dixon {
       width:30%;
}
.web2 {
      width:30%;
}
img {
     width:100%;
}
}		 
@media (max-width: 640px){
#content {
            width:100%;
}
.main {
      width: 100%;
}
.container {
           width: 100%;
}
.president {
           width: 100%;
}
.web1 {
       width: 100%;
}
.dixon {
       width:100%;
}
.web2 {
      width:100%;
}

.imgphoto {
          width:100%;
}
#sidebar {
          width:100%;
}
.carry {
       width:100%;
}

img {
     width:100%;
}
}
@media screen and (max-width: 320px){
#wrapper {
          width: 320px;
}
}
@media screen and (max-width : 1199px){
  ul {
        position: static;
        display: none;
    }
   
    li {
        margin-bottom: 1px;
    }
    
    ul li, li a {
        width: 100%;
    }
 
    .show-menu {
        display:block;
    }
}