.fontclass{

        font-family:THICCCBOI;
    }
    @media (max-width: 576px) { 
        
        #cardwindow{
            width:300px;
        }
    }
    
    @media (min-width: 576px) { 
        
        #cardwindow{
            width:300px;
        }
    }
   
    @media (min-width: 768px) { 
        #cardwindow{
            width:500px;
        }
    }
    
    @media (min-width: 992px) { 
        .cardwindow{
            width:500px;
        }
    }   

    .H_ib_body {
        
        margin-right: -12em;
        margin-top: 12em;
       pointer-events: none;
    }

	.H_ib_close{
		pointer-events: all;
	}
	.gmap_link{
		pointer-events: all;
	}
  
	
        .H_ib_content:focus{
            display:none;
        }
    .H_ib_content{
        margin:0!important;
    }
    .ah{
        background: white;
    }
    .inputstyle
    {
        border: 1px solid #ccc!important;
        background: #FFF!important;
        margin: 0 0 5px!important;
        margin-top: 0px!important;
        padding: 10px!important;
        border: none!important;
        color: #88888C!important;
        background-color: #F5FBF8!important;
    }
    #gmaps:hover{
        position: relative; 
        top: -5px;
    }
    .H_ib_content {
        font-family: 'source-light'!important;
    }
    .H_ui {
        font-family: 'source-light'!important;
    }
    .search-box {
       
        z-index: 10000;
        padding: 2rem 2rem;
    }
    #location_text{
        color: #ff0000;
        font-weight: bolder;
    }

    /* On screens that are 600px wide or less, the background color is olive */
    @media screen and (max-width: 700px) {
        .search-box {
        width: 100%;
        }
    }