.facebook {
  background: url(../img/face-bck.png) no-repeat;
  height : 600px;
  width : 800px;
  background-size: 140%; 
  background-position: 21% 60%; 
}

.fb-static {
  position:absolute;
  top:12.5%;
  left:9%;
  line-height: 250%;
  font-size: 13px;
}

.add {
  height: 350px;
  width: 130px;
  position: absolute;
  top: 40%;
  left: 67%;
  z-index: 0;
}

.fb-friend-request {
  height: 60px;
  width: 170px;
  position: absolute;
  right: 88px;
  top: 100px;
  z-index: 1;
}

.fb-1-buttons {
  position: absolute;
  top:35%;
  right:10%;
  width:170px; 
  height:60px;
}

.request-picture {
  position: relative;
  top: 26px;
  left : -47px;
}

#request {
  position: relative;
  top: -10px;
  left : 13px;
}

#friends {
  position: relative;
  top: -10px;
  left : 13px;
}


#accept-btn {
  position: absolute;
  top: -20px;
  right: 100px;
  z-index: 1;
  border-radius: 20px;
}



#decline-btn {
  position: absolute;
  top: -20px;
  right: 26px;
  z-index: 1;
  border-radius: 20px;
}

.modal-content {
  height: 360px;
  width:400px;
}

#fb2-pics {
  position: absolute;
  left:8%;
  top:10%;
}

.modal-backdrop {
   background-color: transparent !important;
}

.gallery {
  position: relative;
  top:30%;
  left:-10%;
}

.status {
    position: absolute;
    top:20.5%;
    left: 29%;
    float: left; 
    width: 230px; 
    height: 50px;
    margin: 15px;
    padding: 10px;
    border: 1px solid #ccc;
}

.request-picture {
  width: 50px;
  height: 50px;
}

.status-text {
   color:#bbb;
}

.modal-txt {
  position: absolute;
  left: 30px;
  top: 290px;
  width:330px;
}

.btn-red {
  font-weight: 100;
  font-size: 25px;
  color : #ff6600;
  background-color: transparent;
  border-color: transparent;
}

.btn-red:hover {
  font-size: 30px !important;
  font-weight: 100;
  font-size: 25px;
  color : #ff6600;
  background-color: transparent;
  border-color: transparent;
}

.btn-start {
  position: absolute;
  left: 185px;
  top: 370px;
}

.down {
  position: absolute;
  top : 21%;
}

.add-people {
  border: 1px solid #888;
  height: 22px;
  width : 150px;
}

.group {
  position: absolute;
  top :19%;
  left:65%;
}

.group-pic {
  position: absolute;
  top:130px;
  right:320px;
}

.group-pic2 {
  position: absolute;
  top:130px;
  right:320px;
}

.join-group {
  position: relative;
  height: 25px;
  left :45%;
  top:185px;
}

.like {
  position: relative;
  bottom:4px;
}

.ignore-invitation {
  position: relative;
  height: 25px;
  left :45%;
  top:185px;
}

.ignore {
  position: relative;
  bottom:4px;
}

.fake-add {
  position: relative;
  top: 60%;
  left: 30%;
}

.add-text {
  background: #aaccee;
  opacity: 0.8;
}