-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;	
	width:100%; height:100%;
	overflow:hidden;
	}
	
*   {margin:0;padding:0;font-family:inherit;font-size:100%;outline:0;}

svg:not(:root)
    {overflow: hidden;}   
	
:focus, :active
	{outline:0;}	
html {
  height: 100%
}
body {
	text-align:left; position:relative;
  background:#78bd42;
	font-size:16px; line-height:1.3em;
	font-family: 'Overpass', sans-serif;
	font-weight:900;
  margin: 0px;
  height: 100%;
	}
	
	#header {
		position:absolute; z-index:100;
		height:110px; 
    width:100%;
		background:#fff;
		box-sizing:border-box; padding:0 40px;
    font-family: 'Overpass';
		}
		#logo {
			display:block; height:100%;
			text-decoration:none; color:#78be43;
			}
			#logo img, #logo svg
				{height:46%; margin-top:20px; width:auto; display:block;}
		#tagline {
			display:block;
			margin-top:6px;
			font-size:14px;
			}
			
	#body {
		position:absolute; bottom:0; left:0;z-index:1;
		width:100%; height:100%; height:calc(100% - 110px);

		box-sizing:border-box;
		
		}
	#cross {
		position:absolute; top:-1.5%; right:35%; z-index:1;
		height:106%; width:auto;
		}
		#cross img.bg {
			height:100%; width:auto;
			display:block; z-index:1;
			}
		#cross .text {
			position:absolute; top:0; left:0;
			height:100%; width:100%; z-index:2;
			display:flex; align-items:center;
			}	
			#cross .middle {
				width:100%; height:18%;
				text-align:center;
				position:relative;
				}	
				#cross .middle img
					{height:65%; width:auto; margin:0 auto; display:block;}
				#cross .middle h1 {
					position:absolute; bottom:0; left:0;
					font-size:1.8vh; line-height:1.3em;
					width:100%; text-transform:uppercase;
					font-weight:900; color:#305570;
					padding:0; margin:0;
					}
				#cross .button {
					position:absolute; top:63%; left:50%; z-index:10;
					width:22%; padding:10px 0 8px 0;
					font-size:2vh; line-height:1;
					background-color:#305570; border-radius:0 0 0 10px;					
					color:#fff; text-align:center;
					text-decoration:none;
					text-transform:uppercase;
					transform:translate(-50%,0);
					transition:all 0.3s;
					}
				#cross .button:hover
					{background-color:#fff; color:#305570;}

		
	#footer {
		position:absolute; bottom:0; left:0; z-index:2;
		background-color:#98999a; color:#fff;
		width:100%; padding:14px;
		text-align:center;
	}
#blue-line {
  position:absolute; top:0; left:0; z-index:3;  
  background:#305570; height:100%; width:60px;
}


@media (min-width: 540px) and (max-width: 769px) and (orientation: portrait){

  #footer {
		position:absolute; bottom:0; left:0; z-index:2;
		background-color:#98999a; color:#fff;
		width:100%; padding:14px;
		text-align: center;
    padding:0 20px; height:70px; line-height:70px; box-sizing:border-box
	}
}


 

@media (max-width: 539px) {
  
  #right img {
    width: 640px !important;
    height: 330px !important;
   }
  
	#cross {
		right:48%;
		}
}   



@media (max-width: 600px) {
	#header 
    {height:70px; padding: 0 20px;}
  #header 
    {height:70px;}
      #logo img, #logo svg 
        {margin-top: 10px; height: 44%;} 
  
	#body {
    height:calc(100% - 120px);
		box-sizing:border-box;
    bottom:50px;
		}   
  #footer
    {padding:0 20px; height:60px; line-height:60px; box-sizing:border-box;}
  

  
  
}  



@media screen and (orientation:portrait) { 
  #blue-line
    {display:none;}
 
  
  #cross {
		top:0; right:0; width:100%; height:100%;
    background: url(https://605296.fs1.hubspotusercontent-na1.net/hubfs/605296/msn_wifi/cross-outlines.svg) no-repeat 100% 50%;
    background-size:auto 100%;
    box-sizing:border-box; display:flex; align-items: center;
    padding-right:30%; padding-right:19vh;
    
		}
    #cross img.bg
      {display:none;}
  
  #cross .text
    {display:block; text-align: center; height:auto; position:static;}  
  #cross .middle
    {height:auto; width:100%; box-sizing:border-box; padding:0 0 0 20px;}  
    #cross .middle img
      {height:auto; width:70%; max-width:280px;}  
    #cross .middle h1
      {position:static; padding:0.8em 0; font-size: 2vh;}  
  
  #cross .button 
    {position:static; width:auto; padding:9px 20px; transform:none; display:inline-block;}
  
  
}

@media (max-width: 860px) and (orientation:portrait) {

  #cross 
    {background-position: 160% 50%;}
}


@media (max-width: 767px) {
  #cross 
    {background-position: 70% 50% !important;}
  #cross .middle h1 
    {font-size: 10px;}
	#cross .button 
    {font-size:14px;}

}