body {
  font-family: 'Lato', sans-serif;
  font-size: 100%;
}
#demo{
    height:50vh;
}

.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}

.my-float{
	margin-top:16px;
}
.carousel-item img{
    height:50vh;
    width: 100%;
}
 
.overlay {
  height: 100%;
  width: 50%;
  display: none;
  position: fixed;
  font-size:30px;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
}
.overlay-content {
  position: relative;
  top: 25%;
  width: 100%;
  
  text-align: center;
  margin-top: 30px;
}


.overlay a {
  padding: 8px;
  text-decoration: none;
  
  color: #818181;
  display: block;
  transition: 0.3s;
}
ul{
    list-style: none;
}

.overlay li a:active{
    background-color:#f7f7f7;
    
}
.overlay li a:hover:not(.active){
    background-color:#f0ad4e;
    color:black;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
}
@media screen and (max-height: 450px) {
    
.overlay{
    width:50%;
    height:100%;
}
  .overlay a {font-size: 20px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
 
  
}

@media screen and (max-width: 450px) {
    
.overlay{
    width:50%;
    height:100%;
}
  .overlay a {font-size: 10px}
  .overlay .closebtn {
  font-size: 40px;
  top: 10px;
  right: 35px;
  }
 
  
}

@media
(orientation:landscape){
    
    #demo{
        height:100%;
        position:relative;
    }
.carousel-item img{
    height:100%;
    
}

#navfix{
        height:50px;
    
    font-size:30px;
}
}

  
.finish_name {
    font-size: 18px;
text-align:left;
}
.content_heading{
    font-size: 5vw;
}
.kota_stone_business{

    height:auto;
    width:100%;
    font-size: 3vw;
    padding: 10px;
    text-align: left;
    text-align-last: left;
    margin-top:5px;
    margin-bottom:5px;
    text-align: justify;
    text-justify:auto;
    word-spacing: 0.2em;
    white-space:none;
}


#contact_for_kota-stone{
    background-color:#fff999;
    width:100%;
    display:grid;
     grid-template-columns:repeat(2,1fr);
    grid-template-rows: auto auto ;
    grid-column-gap:0px;
    grid-row-gap: 5px;
    overflow:auto;
    
}
#address{
    margin-top:20px;
    padding-left:10px ;
    height:auto;
    width:auto;
    
    text-align: left;
    align-items: justify;
    font-size: 10px;
   grid-column: 1/2;
      grid-row:1/2;
     
    
}

.icon-bar{
display:flex;
  flex-direction:row;
  flex-wrap:no-wrap;
justify-content:center;
align-items: center;
  
grid-column: 2/3;
      grid-row:1/2;
      height:100px;
      margin:20px;
     
}



.icon-bar a {
  
  text-align: center;
  padding:20px;
  transition: all 0.3s ease;
color: white;
  font-size: 15px;
}

.icon-bar a:hover {
  background-color: #000;
}
.whatsapp{
background:#25D366;
  color:white;
}
    
.facebook {
  background: #3B5998;
  color: white;
}
.instagram{
    background: #C13584;
    color:white;
}

@media  (min-width:480px){
    #address{
        font-size: 30px;
    }
    
    .icon-bar a{
        font-size: 70px;
    }
}