/*NAV AND FOOTER QUERIES - testwww*/

@media all and (min-width:1920px){
	.nav-container {
		margin:0 auto;
		max-width:1920px!important;
	}
	#body-container {
		margin:0 auto;
		max-width:1920px;
	}
	.show {display:none;}
}

@media all and (max-width:1920px){
	#inner-nav {
		max-width:1350px;
		margin:0 auto;
	}
	#body-container {
		margin:0 auto;
		max-width:1920px;
	}
	.show {display:none;}
}

@media all and (max-width:1690px){
	#inner-nav {
		margin:0 auto;
		max-width:1150px;
	}
	.top-info .inner-top-info {
		margin:0 auto;
		max-width:1150px;
		padding:0px 1rem;
	}
}

@media all and (max-width:1440px){
	footer {
		margin:0 auto;
		grid-template-columns: repeat(3, 1fr);
		padding:2rem 0rem;
		font-size:13px;
		}
	footer img {
		max-width:100%;
		height:auto;
	}
	.col-2 .mid-info {
		margin:0 auto;
		display: grid;
		font-family: 'Montserrat', sans-serif;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0px;
		grid-auto-rows: minmax(100px, auto);
		justify-items: center;
		align-items: center;
		max-width:25rem;}
	.col-2 .mid-info li{
		text-align:left;
		margin-top:2rem;
	}
	.col-2 .btn2 {margin-left:0;}
	.col-2 img {
		max-width:150px;
		height:auto;
		position:relative;
		left:1rem;
	}
	.mid-1 {
		grid-column:1/2;
	}
	.mid-2 {
		grid-column:2;	
	}
	.col-3 {
		margin:0 auto;
		display: grid;
		font-family: 'Montserrat', sans-serif;
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 10px;
		grid-auto-rows: minmax(100px, auto);
		justify-items: center;
		align-items: center;
		position:relative;
	}
	.col-3 img {
		margin:0 auto;
		margin-top:2rem;
		max-width:350px;
		height:auto;
	}
	.col-3 .btn3 {
		position:relative;
		left:3rem;
	}
	#copy-bottom {
		margin: 0 auto;
		font-size:15px;
		text-align:center;
		color:#999999;
		background:#f1f1f1;
		padding:15px;
	}
	
}

@media all and (max-width:1200px){
	#inner-nav {
		margin:0 auto;
		max-width:1000px;
	}
	.top-info .inner-top-info {
		margin:0 auto;
		max-width:1000px;
		padding:0px 1rem;
	}
}

@media all and (max-width:1085px){
	.contact-bubble .btn3:hover {
		background:transparent;
		border:1.5px solid white;
		transition:all 0.2s ease;
		color:white;
	}
	.contact-bubble {
		position: relative;
		background:#252525;
		width:100%;
		text-align:center;
		height:auto;
		padding:2rem;
		display:block;
		z-index:100;
	}
	.contact-bubble:after {
		content: '';
		position: absolute;
		bottom: 1px;
		margin-top:-10px;
		left: 50%;
		width: 0;
		height: 0;
		border: 20px solid transparent;
		border-top-color: #252525;
		border-bottom: 0;
		margin-left: -20px;
		margin-bottom: -20px;
		z-index:100;
	}	
	#emergency-bottom {
		color:inherit;
		font-size:30px; 
		font-weight:500;
		text-align:center;
		font-family: 'Montserrat', sans-serif;
		min-width:100%;
		height:auto;
		background:#ef1c26;
		background-image:linear-gradient(to bottom ,  #eb1e28, #ef1c26, #e71823);
		bottom:0;
		padding:0rem;
	}	
	footer {
		margin:0 auto;
		grid-template-columns: repeat(2, 1fr);
		padding:2rem 3rem;
		font-size:13px;
	}
	footer img {
		margin:0 auto;
		max-width:80%;
		height:auto;
	}
	.col-2 .mid-info {
		margin:0 auto;
		display: grid;
		font-family: 'Montserrat', sans-serif;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0px;
		grid-auto-rows: minmax(100px, auto);
		justify-items: center;
		align-items: center;
		max-width:25rem;
	}
	.col-2 .mid-info li{
		text-align:left;
		margin-top:2rem;
	}
	.col-2 .btn2 {
		margin-left:0;
	}
	.col-2 img {
		max-width:100px;
		height:auto;
		position:relative;
		left:1rem;
	}
	.mid-1 {
		grid-column:1/2;
	}
	.mid-2 {
		grid-column:2;	
	}
	.col-3 {
		grid-column:1/3; 
		grid-row:2;	
	}
	.col-3 img {
		margin:0 auto;
		margin-top:0rem;
		max-width:400px;
		height:auto;
	}	
	.col-3 .btn3 {
		display:none;
	}
	#copy-bottom {
		margin: 0 auto;
		font-size:15px;
		text-align:center;
		color:#999999;
		background:#f1f1f1;
		padding:15px;
	}	
}

@media all and (max-width:1040px){ 
	#menu-button { right:10rem; } 
}

/*TABLET*/
@media all and (max-width:956px){
	/*MOBILE CONTACT SHOW*/
	.top-info .inner-top-info {
		margin:0 auto;
		max-width:625px;
		padding:0px 0rem;
	}
	.main-menu {display:none;}	
	#menu-button {
		display:block;
		width:60px;
		height:auto;
		z-index:888;
		left: 80%;
	}
	.fullnav {
		padding-left:10rem;
		background:#f9f9f9;
		margin:0 auto;
		width:100%;
		position:relative;
	}			
	.show {
		margin:0 auto;
		text-align:center;
		display:block;
		width:100%;
		height:100vh;
		background:hsla(176, 0%, 6%, .97);
		color:white;
		position:absolute;
		top:5rem;
		z-index:555;
		padding-top:1.5rem;
		padding:2.3rem;
		font-size:18px;
		font-family: 'Montserrat', sans-serif;
		font-weight:700;
		display:block;
		overlay:hidden;
		transition:all 0.25s ease;
		
	}	
	.show ul{
			display:block;
			position:relative;
			margin:0 auto;
			text-align:center;
			bottom:0;
		}
	.show li {
		margin:0 auto;
		display:block;
		text-align:center;
		max-width:80%;
		padding:2rem;
	}	
	.show button {
		margin:0 auto;
		display:block;
		text-align:center;
		padding:.2rem;
		font-size:18px;
		background:none;
		border:none;
		font-family: 'Montserrat', sans-serif; 
		font-weight:700; 
		color:white;
	}	 	
	footer {
		margin:0 auto;
		grid-template-columns: repeat(2, 1fr);
		font-size:13px;
	}
	footer img {
		margin:0 auto;
		max-width:80%;
		height:auto;
	}
	.col-2 .mid-info {
		margin:0 auto;
		display: grid;
		font-family: 'Montserrat', sans-serif;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0px;
		grid-auto-rows: minmax(100px, auto);
		justify-items: center;
		align-items: center;
		max-width:25rem;
	}
	.col-2 .mid-info li{
		text-align:left;
		margin-top:2rem;
	}
	.col-2 .btn2 {margin-left:0;}
	.col-2 img {
		max-width:100px;
		height:auto;
		position:relative;
		left:1rem;
	}
	.mid-1 {
		grid-column:1/2;
	}
	.mid-2 {
		grid-column:2;	
	}
	.col-3 img {
		margin:0 auto;
		margin-top:0rem;
		max-width:400px;
		height:auto;
	}
	.col-3 .btn3 {display:none;}
	.col-4 {display:block;}
	#copy-bottom {
		margin: 0 auto;
		font-size:15px;
		text-align:center;
		color:#999999;
		background:#f1f1f1;
		padding:15px;
	}
	.col-j-2{
		width:100%;
		min-height: 50px;
	}
	.col-j-3{
		width:50%;
		min-height: 50px;
	}
	.footer-j{
		float: none;
		display: block;
		margin-left: auto;
		margin-right: auto;
	}
	#footer-logo{
		justify-content: center;
	}
	.notab{
		display: none;
	}
	.row-j-2{
		flex-direction: column;
		max-height: 300px;
	}
}

@media all and (max-width:855px){
	.fullnav {
		padding-left:7rem;
		background:#f9f9f9;
		margin:0 auto;
		width:100%;
		position:relative;
	}	
	.top-info .inner-top-info {
		margin:0 auto;
		max-width:600px;
		padding:0px 0rem;
	}
	.main-menu {display:none;}	
	#menu-button {
		display:block;
		width:60px;
		height:auto;
		z-index:888;
		left: 84%;}	
}

/*MOBILE*/
@media all and (max-width:800px){
	#menu-button {left: 88%;}
	.fullnav {
		max-width:100%;
		padding-left:0rem;
	}	
	#inner-nav {
		margin:0 auto;
		max-width:600px;
		position:relative;
	}
	.top-info .inner-top-info {
		margin:0 auto;
		max-width:600px;
		padding:0px 1rem;
	}	
	#emergency-bottom { font-size:25px; }
}

@media all and (max-width:730px){
	#leftfooterinfo {display:none;}

	/*MOBILE CANADA ACTION*/
	#emergency-bottom {
		font-size:23px; 
	}
	footer {padding:2rem 2rem!important;}	
}

@media all and (max-width:700px){
	.fullnav { padding-left:4.5rem; }	
	.top-info .inner-top-info {margin:0 auto;}
	#menu-button {left: 83%;}
}

@media all and (max-width:635px){
	.fullnav { padding-left:2.5rem; }	
	.top-info .inner-top-info {margin:0 auto;}
	#menu-button {left: 90%;}
}

@media all and (max-width:600px){
	.fullnav { padding-left:1rem; }	
	.top-info .inner-top-info {margin:0 auto;}
	#menu-button {left: 92%;}
	.action-container {
		margin:0 auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
		grid-auto-rows: minmax(100px, auto);
		justify-items: center;
		align-items: center;
		font-family: 'Montserrat', sans-serif;
		max-width:80%;
		height:auto;
		font-weight:700;
		text-align:left;
	}	
	.action-panel {
		background:#fafafa;
		width:100vw;
		height:auto;
		text-align:center;
		height:auto;
		padding:1.5rem;
		display:block;
		background:#e8e8e8;
		color:#121212;
	}
	.btn2 {
		background:#ef1c26;
		padding:10px 30px;
		color:white;
		border-radius: 0px;
		font-size:15px;
		border:1.5px solid #ef1c26;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
		transition:all 0.3s ease;
	}
	.btn2:hover {
		background:transparent;
		border:1.5px solid #121212;
		color:#121212;
		transition:all 0.2s ease;
	}	
	.action-container img {
		max-width:150px;
		height:auto;}
	.action-container h4 {
		margin-top:-.3rem;
		font-size:18px;}
	.action-container {max-width:70%}	
	.action-panel {padding:1.5rem;}	
	.action-panel h4 {font-size:15px;}	
	.action-panel img {
		max-width:85%;
		height:auto;}
	.contact-bubble .btn3 {
		background:#ef1c26;
		padding:15px 50px;
		display:inline-block;
		color:#f2f2f2;
		font-size:20px;
		border-radius: 50px;
		border:1.5px solid #ef1c26;
		font-family: "CanlinFont-bold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
		box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
		transition:all 0.3s ease;
	}
	.contact-bubble:after {margin-top:-15px;}	
	#emergency-bottom { font-size:18px; }	
	footer {
		margin:0 auto;
		display:block;
		padding:1rem 3rem!important;
	}
	.mid-info {display:none!important;}
	.col-1 {
		margin:0 auto;
		display: grid;
		font-family: 'Montserrat', sans-serif;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 0px;
		grid-auto-rows: minmax(100px, auto);
		justify-items: center;
		align-items: center;
	}
	.col-2 {
		display:none;
	}
	.nomob{
		display:none;
	}
	#copy-bottom {
		margin: 0 auto;
		font-size:13px;
		padding:15px;
	}
	
}

@media all and (max-width:500px){
	.fullnav { height:70px; }	
	.fullnav img {max-width:200px!important;}		
	svg#menu-button { max-width:40px; }
	#emergency-bottom { font-size:15px; }
	footer {
		margin:0 auto;
		grid-template-columns: repeat(1, 2fr)!important;
		padding:1rem 3rem!important;
	}
	#copy-bottom {
		margin: 0 auto;
		font-size:13px;
		text-align:center;
		color:#999999;
		background:#f1f1f1;
		padding:15px;
	}	
	.action-container {
		margin:0 auto;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 10px;
		grid-auto-rows: minmax(100px, auto);
		justify-items: center;
		align-items: center;
		font-family: 'Montserrat', sans-serif;
		max-width:100%;
		height:auto;
		font-weight:700;
		text-align:left;
	}
	.action-panel {
		background:#fafafa;
		width:100%;
		height:auto;
		text-align:center;
		height:auto;
		padding:1rem;
		display:block;
		background:#e8e8e8;
		color:#121212;
	}
	.btn2 {
		background:#ef1c26;
		padding:10px 20px;
		color:white;
		border-radius: 0px;
		font-size:13px;
		border:1.5px solid #ef1c26;
		box-shadow: 0px 2px 3px rgba(0, 0, 0, .5);
		transition:all 0.3s ease;
	}
	.btn2:hover {
		background:transparent;
		border:1.5px solid #121212;
		color:#121212;
		transition:all 0.2s ease;
	}	
	.action-container img {
		max-width:150px;
		height:auto;
	}
	.action-container h4 {
		margin-top:-.3rem;
		font-size:18px;
	}
	.action-container {max-width:70%}	
	.action-panel {padding:1.5rem;}	
	.action-panel h4 {font-size:15px;}	
	.action-panel img {
		max-width:85%;
		height:auto;
	}	
	.col-3 img{max-width:300px!important;}		
}

@media all and (max-width:480px){
	.top-info {display:none!important;}
	.showmenu {
		padding-top:0rem!important;
		top:4rem!important;
	}
	.action-container {max-width:90%}
	.action-panel {padding:1.5rem;}
	.action-panel h4 {font-size:15px;}
	.action-panel img {
		max-width:85%;
		height:auto;
	}	
}

@media all and (max-width:435px){
	.showmenu {padding-top:1rem!important;}	
	.top-info .inner-top-info {
		margin:0 auto;
		text-align:center;
		max-width:100%;
	}			
	.show {
		font-size:15px!important;
	}		
	.show li {padding:20px;}	
	.show button {
		padding:.2rem;
		font-size:15px!important;
	}			
	/*MOBILE CANADA ACTION*/
	.action-container {max-width:80%}	
	.action-panel {padding:1rem;}	
	.action-panel h4 {font-size:11px;}	
	.action-panel img {
		margin-left:1rem;
		max-width:70%;
		height:auto;
	}	
	.btn2 {
		font-size:10px;
		padding:8px 15px;
	}	
	#emergency-bottom { font-size:13px;}	
	.col-1 {
		display:block;
		font-size:10px!important;
	}
	.col-1 h5{
		display:block;
		font-size:12px!important;
	}	
	#copy-bottom {
		margin: 0 auto;
		font-size:10px;
	}		
}

@media all and (max-width:385px){	
	.col-3 img {
		max-width:250px!important;
		height:auto;
	}
}

@media all and (max-width:330px){
	.top-info .inner-top-info {
		margin:0 auto;
		text-align:center;
		max-width:100%;
		font-size:11px!important;
	}				
	svg#menu-button {
		display:block;
		max-width:35px;
		height:auto;
		float:right;
		margin-top:.3rem;
	}	
	.action-container {max-width:100%}	
	.contact-bubble .btn3 {font-size:20px;}
	footer {padding:1rem 1.5rem!important;}	
	#emergency-bottom { font-size:10.5px;}
	#copy-bottom {
		margin: 0 auto;
		font-size:8px;
	}		
}