#screenrec {
  width: 100%;
  height: 100%;
  border-radius: 1%;
  padding: 0 0 0 0;
  border-color: black;
  border-style: solid;
  border-width: 1px;
  border-left: 0px;
  border-top: 0px;
}

@media screen and (orientation: landscape) and (min-width: 1024px) {
  
  #screenrec {
    width: auto;
    height: 92%;
  }

  #outside {
    width: auto;
    height: 65%;
  }
}

@media screen and (orientation: portrait), (orientation: landscape) and (max-width: 1023px) {
    
  #screenrec {
    width: 100%;
    height: auto;
  }

  #outside {
    width: 55%;
    height: auto;
  }
  
  #insta {
    width: 50%;
    height: auto;
  }

 
}