/*
 * ---- start OUT-BREAKPOINT definition ---- DEFAULT SETTINGS
 */

	.contact-button{
		top: 20px !important;
	}


/* ---- start LARGE SCREEN DEVICE BREAKPOINT ----
 */ 
@media only screen and (min-width: 1824px) {
	
		
	
}

/* ---- end Large screen DEVICE BREAKPOINT ----
 */


/* ---- start Desktops and laptops DEVICE BREAKPOINT ----
 */

@media only screen and (min-width: 1224px) and (max-width: 1823px){
/*OPTIMIZED WITH DEFAULT SETTINGS*/		
}
 
/*BREAKPOINT ONLY FOR BACKGROUNDS WITH SKETCH */ 
@media only screen and (min-width: 1224px) and (max-width: 1460px){ 

	.documentationTitle-label {
	    font-size: 28pt !important;
	}    	
}


/* ---- end Desktops and laptops DEVICE BREAKPOINT ----
 */


/* ---- start common DEVICE BREAKPOINT ----
(min-width: 768px) and (max-width: 1024px), max-width changed
 */
/* ONLY for Evidence Dialog on CAROUSEL  */

@media only screen and (min-width: 1025px) and (max-width: 1223px){
	.contactContainer-panel{
		
		height: 1160px !important;
	}
	
	.contactContent-panel{
		height: 1040px !important;
	}
	
	.mainCarouselTitle-label{
		
	}
	
	.mainCarouselSubtitle-label{
		
	}
	
	.documentationTitle-label{
		font-size: 23pt !important;
	    
	}
	
	.documentationSubtitle-label{
		font-size: 18pt !important;
	}
}	

@media only screen and (min-width: 375px) and (max-width: 1024px){
	
	.contactContainer-panel{
		height: 1260px;
	}
	
	.contactContent-panel{
		height: 940px;
	}
	
	.messageDisplay-panel{
		padding-right:24px !important
	}
		
	
}