/*---------------Pop up css------------*/ 

#css-only-modals { position:fixed; pointer-events:none; left:0; top:0; right:0; bottom:0; z-index:10000000; text-align:center; white-space:nowrap; height:100%; } #css-only-modals:before { content:''; display:inline-block; height:100%; vertical-align:middle; margin-right:-.25em; } .css-only-modal-check { pointer-events:auto; display:none; } .css-only-modal-check:checked ~ .css-only-modal { opacity:1; pointer-events:auto; } .css-only-modal { width: 700px; background:#fff; z-index:1; display:inline-block; position:relative; pointer-events:auto; padding:25px; text-align:right; border-radius:4px; white-space:normal; display:inline-block; vertical-align:middle; opacity:0; pointer-events:none; max-width: 90%; } .css-only-modal h2 { text-align:center; } .css-only-modal p { text-align:left; } .btn-primary:hover { color:#fff; background-color:#999; border-color:#999; } .btn-primary { color:#fff; background-color:#777; border-color:#777; border-radius: 4px; padding: 6px 12px; } .css-only-modal-check:checked ~ #screen-shade { opacity:.5; pointer-events:none; } #modal1 { display: none; } #screen-shade { opacity:0; background:#000; position:absolute; left:0; right:0; top:0; bottom:0; pointer-events:none; transition:opacity .8s; } .css-only-modal-content {max-height:80vh; overflow-y:auto; } 

/*------------End pop up css------*/ 

#partial-header-1 .phone__number {
    font-size: 20px;
}
.socialmedia__link--small {
    font-size: 2rem;
}
.blue-box {
    background-color: #e5f5ff;
    padding: 20px;
    height: 420px;
    max-height: 420px;
}
html {
	scroll-behavior: smooth;
}
a[href^="tel"]{
	cursor: pointer;
	pointer-events: unset;
	text-decoration: none;
}
.col2 {
	box-sizing: border-box;
	width: 50%;
	padding: 1%;
	float: left;
}

hr, .clr {
    clear:both!important;
}


@media (max-width:992px){
    .cstm_class {
	    justify-content: center;
	}
}

@media (max-width:767px){
	.col2{
		display:block;
		width:100%;
		float:none;
		margin:0 auto;
	}
	
	img.align-right, img.align-left {
		float: none!important;
	}
	
	.mobileHeader-logo {
        display: none !important;
    }
	
}

@media (max-width: 519px) {
	img.align-right, img.align-left {
		float: none!important;
	}
}

@media (max-width: 736px){
    .mobileHeader-navWrap {
        background-color: #60b2bd;
    }
}