body{
  background-color:white;
}

.hero-container{
  background-color: #7ACAE5;
}

div.hero{
  background-color: #7ACAE5;
}

nav ul#ul-nav li a{
  color:white;
}

.logo{
	color:white;
}

.unified-control-container{
    display: grid;
    grid-template-columns: 1fr 1fr;
    width:90%;
    column-gap: 8rem;
    margin-right:10% ;
}

.smarthome-title-container{
    margin-top: 2rem;
    margin-right:-88%;
    margin-bottom:2rem;
	color:white;

}

.smarthome-title-container a{
    text-decoration: none;
    color: white;
}
.smart-solutions-container{
    width:70%;
    margin-top: 3rem;
    margin-left: auto;
    margin-right:auto ;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    

}
p{
    text-align: justify;
}

.smart-solutions-title{
    margin-top: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.smart-solutions-container div{
    margin-bottom: 2rem;
}

.smart-solutions-container div  div{
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;

}
.smart-solutions-container div div div{
    
    width:100px;
    height:100px;
    border-radius: 50px;
    background-color:#7ACAE5;

    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 0;

}

.smart-solutions-container div div div:hover{
    background-color:#ff6100;

}



@media(max-width:750px){
	.unified-control-container {
    display: grid;
    grid-template-columns: 1fr;
    width: 100%;
    /* column-gap: 8rem; */
    margin-right: 5%;
}
    .unified-control-container{
        display: grid;
        grid-template-columns: 1fr;
        margin-left: 5%;
		margin-right:5%;
       
    }
    .smart-solutions-container{
        display: grid;
        grid-template-columns: 1fr;

    }
    .smarthome-title-container{
        margin-right: 0;
    }
    .unified-control-text-container,.unified-control-tablet img{
        width: 90vw;
    }
    .unified-control-tablet{
        margin-top: 3rem;


    }
    .smart-solutions-title{
        margin-right: 5%;
        margin-left: 5%;
    }
}
   /* Styles for Tablet */
	 @media(min-width:768px) and (max-width:1024px){
		  body,html {
      
		overflow-x: clip !important;
    }

/* Tablet styles */
.unified-control-container {
    display: grid;
    grid-template-columns: 1fr;
    width: 90%;
    /* column-gap: 8rem; */
    margin-right: 5%;
}
}		

 /* Styles for mobile devices in landscape mode only */
	@media screen 
  and (min-width: 480px) 
  and (max-width: 926px) 
  and (max-height: 428px)
  and (orientation: landscape) {
  	  body,html {
      
		overflow-x: clip !important;
    }

/* Tablet styles */
.unified-control-container {
    display: grid;
    grid-template-columns: 1fr;
    width: 90%;
    /* column-gap: 8rem; */
    margin-right: 5%;
}
   
   
}