@media only screen and (min-device-width: 320px) and (max-device-width: 736px) and (orientation : landscape) { 
	#content .contact-google-map{
		height: 80vh;
	}
	
	.contact-methods{
		margin-bottom: 80px;
	}
}

@media only screen and (max-width: 325px){
	.address-wrapper{
		padding: 40px;
	}
	
	.address-wrapper h3{
		font-size: 25px;
	}
	
	
	#content .contact-methods #close-map-button{
		font-size: 0px;
		top: 5px;
		right: 10px;
		background-size: 20px;
	}
	
}


@media only screen and (max-width: 1000px),
/*ipad pro*/screen and (min-device-width : 1024px) 
and (max-device-width : 1366px)
and (orientation: portrait) {
	
	#close-map-button{
    height: 65px;
    width: 25px;
    background-size: 25px;
    background-position: center 20px;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: flex-end;
        position: absolute;
    top: 25px;
    right: 20px;
    font-size: 12px;
    }
	
	
		.content-wrapper{
			    margin-top: 20px;
		}	
			
			
		.contact-method{
			margin-bottom: 0px;
		}		
		
		.contact-methods-wrapper{
			    display: flex;
		    flex-direction: column-reverse;
		    margin-left: 20px;
		    margin-right: 20px;
		    height: auto;
		    background-color: transparent;
				
			}
		   
		   
		.contact-methods{
			    width: 100%;
				margin-bottom: 80px;
				height: auto;
			    
		}   
		
		
		.contact-google-map{
			margin-right: 0px;
			height: 50vh;
		}
    
    
		.message-us-box{
			    width: 100%;
				margin-bottom: 20px;
	    padding: 50px 15px;

	    background-color: #ab8b6c;
	    
		}
		
		
		.page-title{
			margin-bottom: 25px;
		}
		.page-title h2{
			font-size: 15px;
			font-family: dense-bold;
		}
		
		
		.message-us-box input{
			height: 25px;
			margin-top: 10px;
			font-size: 15px;
			padding: 10px 0px;
			
		}
		
		.message-us-box label{
			font-size: 15px;
			font-family: dense-bold;
		}
		
		.message-us textarea{
			margin-top: 10px;
			font-size: 15px;
		}
		
		
		
		.send-button{
			padding: 10px;
		}
		
		.message-us-box .error{
			font-family: avenir;
			letter-spacing: 0px;
			font-size: 12px;
			letter-spacing: 2px;
			
		}
		
		.message-us-box .error > div:first-of-type{
			margin-bottom: 15px;
		}
		
	
		

	
}

/*ipad pro*/
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px)
and (orientation: portrait) {
	
	
	
	
}