@media only screen and (max-width: 767px) {
.holdimage img { width: 75%;}
.insta {margin-bottom: 50px;}
.logo-retina { width:75%; display:block; margin: 15% auto 30px;}

}

/* ------------------------
   -- for ipad/tablet -- 
------------------------ */
@media only screen and (min-width: 768px) {

.holdimage img { width: 50%;}
.insta {margin: 35px auto 0; text-align:center; }
.logo-retina { width:50%; display:block; margin: 50px auto;}


/* --------------------------------------
 -- for anything bigger than tablet -- 
-------------------------------------- */

@media only screen and (min-width: 1025px) {
.logo-retina { width:40%; display:block; margin: 7% auto 30px;}
}


/* ------------------------- 
  -- for retina screens -- 
------------------------- */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.logo-retina { width:50%; display:block; margin: 7% auto 30px;}
.holdimage img { width: 40%;}
}