/*
 * ---- start OUT-BREAKPOINT definition ---- DEFAULT SETTINGS
 */
 
 	/* start CONTACT MAIN PIC layout */
	
	.contactContainer-panel{
		position: relative;
		height: 860px;
	}
		
	.contactTitle-panel{
		position: relative;
		background: white !important;
		height: 260px;
		padding-left: 10% !important;
		padding-right: 10% !important;
		text-align: center;
	}
		
		
	.contactTitle-label{
		color: #515b68;
		animation: contactTitle-move 1s;
		animation-fill-mode: forwards;
	}
	
	@keyframes contactTitle-move {
	    from {top: 110px; opacity: 0;}
	    to {top: 140px; opacity: 1;}
	}
	
	.contactSubtitle-label{
		color: #515b68;
		animation: contactSubtitle-move 1s;
		
	}
	
	@keyframes contactSubtitle-move {
	    from {top: 140px; opacity: 0;}
	    to {top: 170px; opacity: 1;}
	}
	
	.contactContent-panel{
		height: 460px;
	    margin-top: 70px;
	    margin-bottom: 70px;
	    margin-left: 7%;
	    margin-right: 7%;
	}
	
	.contactMap-panel{
		padding-right: 3%;
	}
	
	.contactForm-panel{
		padding-left: 3%;
	    text-align: justify;
	}
	
	.contact-grid{
		width:100% !important;
	}
	
	.contactColumn-grid {
		width: 90% !important;
	}
	
	.column-grid {
		width:10% !important;
	}
	
	.contact-text{
		display: inline-block;
		font-family: GothamMedium !important;
		font-size: 10pt !important;
		color: #5c6069 !important;
	}
	
	.contact-input{
		width: 95%;
		text-align: left;
		background:#f1f1f1 !important;
		border:1px solid #ccc !important;
		box-shadow: none !important; 
		padding-top: 12px !important;
    	margin-top: 12px !important;
	}
	
	.contactMessage-input{
		height:90px;
	}
	
	.contactRequestButton-panel{
		margin-top: 5px !important;
	}
		
	.contact-button:hover{
		box-shadow: 0 4px 15px 0 #315ca8;
	}
		
	
/*
 * ---- end OUT-BREAKPOINT definition ----
 */