.mainPicture{
     height:100vh;
     position:relative;
}
.fade-in-out {
  transition: 1s linear all;
  opacity: 1;
}

.fade-in-out.ng-hide {
  opacity: 0;
}
.navLogo{
        color:#fff !important;
}
.listElement{
    color:#fff !important;
}
.navLogoText{
    color:#fff !important;
}
.positionAbsolute{
    position: absolute;
    top:0px;
    width:100%;
    left:0px;
    bottom:0px;
    -webkit-box-shadow: inset 0px 200px 111px -118px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px 200px 111px -118px rgba(0,0,0,0.35);
    box-shadow: inset 0px 200px 111px -118px rgba(0,0,0,0.35);
}
.background0{
      background-image:url('https://firebasestorage.googleapis.com/v0/b/cenocore-74896.appspot.com/o/istanbul_luxury_apartment.jpg?alt=media&token=5ea61386-8c72-4617-a33f-9d5084d3459a');
}
.background1{
      background-image:url('https://firebasestorage.googleapis.com/v0/b/cenocore-74896.appspot.com/o/Commercial-Buildings.jpg?alt=media&token=774db51f-de22-4908-a5fe-4b33420747ee');
}
.background2{
      background-image:url('https://firebasestorage.googleapis.com/v0/b/cenocore-74896.appspot.com/o/la-fi-century-city-mall-20150821.jpg?alt=media&token=4fdf1f83-71b7-40aa-9fa6-98008c22c5d2');
}
.background3{
      background-image:url('https://firebasestorage.googleapis.com/v0/b/cenocore-74896.appspot.com/o/Optimized-24_A-look-towards-the-future-and-what-the-beautiful-Downtown-Sheraton-and-adjoining-mall-anchored-by%20(1).jpg?alt=media&token=855d15a9-3cd1-4c5f-9b76-814ccfabca8b');
}
.welcomeButton{
  border: #fff 2px solid;
  text-decoration: none;
  font-size: 24px;
  font-weight: 500;
  color: white;
  margin: 15px;
  padding: 5px;
}
.welcomeLink{
  text-decoration: none;

}
.welcomeButton:hover{
  opacity: 0.8;
}

.welcomeMessageContainer{
   position: relative;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  padding: 30px;
  max-width: 700px;
    text-align: center;
    background: rgba(0,0,0,0.5);
}
.consoleGrid{
    width:44%;
    margin:3%;
    height: 200px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
/*.managementGrid{
  
  background-color: #E1574C;
}
.teemGrid{
  background-color: #27A6D1;
}
.assetGrid{
  background-color: #FFCB2B;
}
.hireGrid{
  background-color: #B7105B;
}*/
.managementGrid{
  background-image: url('https://firebasestorage.googleapis.com/v0/b/cenocore-74896.appspot.com/o/6070919_orig.jpg?alt=media&token=6a1a5c04-014e-4b94-87ca-a16b3c666c0a');
  background-color: rgba(0,0,0,0.3);
}
.teemGrid{
  background-image: url('https://firebasestorage.googleapis.com/v0/b/cenocore-74896.appspot.com/o/team.jpg?alt=media&token=35d80417-5366-438a-9f1b-64e4efd7e13d');
}
.assetGrid{
  background-image: url('https://firebasestorage.googleapis.com/v0/b/cenocore-74896.appspot.com/o/download.jpg?alt=media&token=6b6daacb-4192-403e-89bf-116feee46178');
}
.hireGrid{
  background-image: url('https://firebasestorage.googleapis.com/v0/b/cenocore-74896.appspot.com/o/1363934913business.jpg?alt=media&token=88590a65-0360-4db0-9b51-9328186d0026');
}
.consoleInnter{
  position: absolute;
  top:0px;
  left:0px;
  width:100%;
  bottom:0px;
  color: white;
  font-size: 28px;
  height: 200px;
  background-color: rgba(0,0,0,0.5);
}
.consoleInnter p{
  padding-top: 35px;
}
.consoleGrid:hover{
    opacity: 0.7;
}
.consoleContent{
    padding: 10px;
    font-size: 14px;
    color:#f0f0f0;
}
.consoleGrid img{
    margin-top: 15px;
}

@media all and (max-width: 599px) and (min-width: 50px) {
    .consoleGrid{
    width:100%;
    }

}