@charset "UTF-8";
/* CSS Document */

    
@font-face {
    font-family: 'GothamProRegular';
    src: 
        local('Gotham'), url('fonts/GothamProRegular.ttf') format('truetype');
}

    
@font-face {
    font-family: 'GothamProBold';
    src: 
        local('GothamPrBold'), url('fonts/GothamProBold.ttf') format('truetype');
}

@font-face {
    font-family: 'GothamProMedium';
    src: 
        local('GothamProMedium'), url('fonts/GothamProMedium.ttf') format('truetype');
}

@font-face {
    font-family: 'GothamProLight';
    src: 
        local('GothamProLight'), url('fonts/GothamProLight.ttf') format('truetype');
}

p {
		font-family: 'GothamProLight' !important;
}

h1, h2, h3 {
		font-family: 'GothamProMedium' !important;
}


.card-text {
        font-family: 'GothamProLight' !important;
		font-weight: 200;
        font-size: 1.3rem;
}    

.card-title {
        font-family: 'GothamProBold' !important; 
		font-size: 1.2rem;
}    
    
    
.card-img-overlay {
        margin: 4.5rem !important;
}    

.logo {
        max-width: 300px;
}    
    
 .officeEx {
    font-family: 'Playfair Display'!important;
}
   
    
@media (max-width: 430px) {
    
    .openpara {
		width: 85%!important;
	}
	.logo {
        max-width: 170px;
}    
	.exclusive-text {
		font-weight: 100;
		font-size: .8rem!important;
}
    .buyer-text {
		font-size: 1.3rem;
	}
 .officeEx {
    font-size: 1.4rem;
    padding: 0 !important;   
    margin: 0 !important;
    margin-bottom: .4rem !important;
}
  
    
    .card-img-overlay {
        margin: 2.0rem !important;
    }    
    
    .card-text {
        font-family: 'GothamProLight' !important;
        font-size: 0.75rem;
}        
    
    
    .htitle {
        font-size: 18px !important;   
        padding: 0 !important;   
        margin: 0 !important;
     margin-bottom: .3rem !important;
    }

    .htext {
        font-size: 12px !important; 
        width: 100%;
        padding: 0 !important;   
        margin: 0 !important;
     margin-bottom: .3rem !important;
    }

    .listBTN .agentBTN{
        height: 5vh;
        width: 40vw !important;
        font-size: .75rem !important;
    }
	.agentBTN {
		font-size: .9rem;
	}
	.text-white .mb-4 .dropShadow p {
		width: 100%;
	}

        
}   
	
@media (max-width: 767px) and (min-width: 431px) {
	.openpara {
		width: 85%!important;
	}
    
    .logo {
        max-width: 170px;
}    
    .exclusive-text {
		font-weight: 100;
		font-size: .9rem;
		line-height: 20px;
}
	.buyer-text {
		font-size: 1.2rem;
	}
 .officeEx {
     font-size: 1.5rem;
    padding: 0 !important;   
    margin: 0 !important;
     margin-bottom: .4rem !important;
}
  
    
    .card-img-overlay {
        margin: 4.0rem !important;
    }    
    
    .card-text {
        font-family: 'GothamProLight' !important;
        font-size: 1rem;
}        
    
    
    
    .htitle {
        font-size: 18px !important;   
        padding: 0 !important;   
        margin: 0 !important;
     margin-bottom: .3rem !important;
    }

    .htext {
        font-size: 12px !important; 
        width: 100%;
        padding: 0 !important;   
        margin: 0 !important;
     margin-bottom: .3rem !important;
    }

    .listBTN .agentBTN {
                     height: 6vh;
                     width: 35vw!important;
                     font-size: 1rem;
    }

        
}   
    
@media (min-width: 768px) and (max-width: 991px) {    
	
	.officeEx {
		font-size: 1.5rem;
	}

	
	.openpara {
		width: 85%!important;
	}
        .logo {
        max-width: 170px;
}   
    .exclusive-text {
		font-weight: 100;
		font-size: .8rem;
		line-height: 25px;
}
	.buyer-text {
		font-size: 1.3rem;
	}
    .card-img-overlay {
        margin: 3.5rem !important;
    }    
    
    .card-text {
        font-family: 'GothamProLight' !important;
        font-size: .8rem;
}        
    
    .htitle {
        font-size: 18px !important;   
        padding: 0 !important;   
        margin: 0 !important;
     margin-bottom: .6rem !important;
    }

    .htext {
        font-size: 14px !important; 
        width: 100%;
        padding: 0 !important;   
        margin: 0 !important;
     margin-bottom: .6rem !important;
    }

    .listBTN .agentBTN {
              height: 6vh;
              width: 20vw;
              font-size: 1rem;
    }

        
}   
    
    
@media (min-width: 992px) { 
    
    .logo {
        max-width: 250px;
    }   
    
    
   .officeEx {
    font-size: 1.5rem;
    padding: 0 !important;   
    margin: 0 !important;
    margin-bottom: 1.8rem !important;
}
  
    .exclusive-text {
		font-weight: 100;
		font-size: 1rem;
		line-height: 32px;
}
	.buyer-text {
		font-size: 1.5rem;
	}
    .card-img-overlay {
        margin: 4.5rem !important;
    }    
    
    .card-text {
        font-family: 'GothamProLight' !important;
		font-weight: 100;
        font-size: 1rem;
}        
    
    
    
    .htitle {
        font-size: 40px !important;   
        padding: 0 !important;   
        margin: 0 !important;
     margin-bottom: 1.8rem !important;
    }

    .htext {
        font-size: 21px !important; 
        width: 50%;
        padding: 0 !important;   
        margin: 0 !important;
     margin-bottom: 1.8rem !important;
    }

    .listBTN .agentBTN{
        height: 7vh;
        width: 15vw;
		font-size: 1rem;
    }
	

        
}   

    

.agentBTN {
    font-family: 'GothamProRegular';        
    background: #D42A2E;
    border-bottom: 5px solid #888888;
    color: white;
	padding-bottom: 1vh;
	padding-top: 1vh;
}

    
.agentBTN:hover {
    background: #888888;
    border-bottom: 5px solid #D42A2E;
    color: white;
}

.dropShadow {
	text-shadow: 1px 1px #888
}

    
.htext {
        font-size: 20px !important;
        width: 40%;
}

.himage {
        max-height: 400px;
}
    

.listBTN {
        font-family: 'GothamProRegular';        
        background: #FFFFFF;
        border-bottom: 5px solid #D42A2E;
        color: black;
        /*height: 9vh;
        width: 15vw;
        font-size: 1.4rem;*/
		padding-bottom: 1vh;
		padding-top: 1vh;
}

    
.listBTN:hover {
    background: #D42A2E;
    border-bottom: 5px solid #FFFFFF;
    color: white;
}

.buyer-text{
	font-size: 1.5rem;
	font-weight: 100;
}