html { padding:0; margin:0; }
body {
    background: url('../images/flag.png') no-repeat  center center fixed;
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;
}

#wrapper {
  width: 930px;
  border:0px dashed red;
  margin: 0 auto;
  padding:10px;
  margin-top:150px;
}
header, section, footer{ border:0px dashed orange;font-family:arial; color:white; }
content {margin: 0 auto;}

* {
  box-sizing: border-box;
}

.column {
  float: left;
  width: 33.33%;
  padding: 10px;
}

.row:after {
  content: "";
  display: table;
  clear: both;
}

#site-logo { width: 50%; }
.site_images { border:12px solid white; }

.zoom {
  padding: 0px;
  transition: transform .2s;
  width: 280px;
  height: 280px;
  overflow: hidden;
}

.zoom:hover {
  transform: scale(1.1);
}

.sotial-media {
   font-family:Courier;
   color:white;
   font-size:15px;
}

@media screen and (max-width: 600px) {

  #wrapper {
    width: 100%;
    border:0px dashed red;
    margin: 0 auto;
    padding:5px;
    margin-top:130px;
  }
  .column {
    width: 100%;
  }
  #site-logo {width: 100%; margin: 0 auto;}
  body {
      background: url('../images/flag.png') no-repeat  center center fixed;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
   }

   footer {display:none;}
 }