@charset "utf-8";
/* CSS Document */

* {
box-sizing: border-box;
}
@media print {
footer {
break-after: always;
}
}
html, body {
font-family: 'Montserrat', sans-serif;
font-style: normal;
color:#555;
font-size: 12pt;
margin: 0;
padding: 0;
background: #000;
}
ol, ul {
line-height: 160%;
}
p{
line-height: 160%;
margin:0;
padding:0;
}
hr{
margin: 20px 0px 20px 0px;
height:.25px;
border-width:0;
color:#777;
background-color:#777;
clear: both;
}
h1{font-size:30pt;color:#000000;margin:0;padding:0;font-weight: 500;}
h2{font-size:24pt;color:#888888;margin:0;padding:0;font-weight: 500;}
h3{font-size:22pt;color:#000000;margin:0;padding:0;font-weight: 500;}
h4{font-size:18pt;color:#000000;margin:0;padding:0;font-weight: 500;}
h5{font-size:14pt;color:#000000;margin:0;padding:0;font-weight: 500;}

a:link, a:visited{
text-decoration:none;
color:#81aec5;
}

a:hover, a:active{
color:#333;
text-decoration:none;
}

/* Body wraps */


.content_hold{
overflow:auto;
margin:0 auto;
padding: 50px;
width: 100%;
border: 10px solid cornflowerblue;
text-align: center;
line-height: 200%;
}

.centerme{
overflow:auto;
margin:0 auto;
padding: 30px;
width: 1366px;
background: #FFF;
position: relative;
}
.centerme h1{
padding:30px 30px 10px 30px;
color: #FFF;
background: #81aec5;
}
 .centerme h3{
margin:30px 0 40px 30px;
 border-bottom:.25px solid #777;
 font-size:26pt;
 color:#888888;
 }

 

.content{
overflow:auto;
width: 100%;
border-bottom: 10px solid #81aec5;
position: relative;
padding:0 30px;
}
.content h1{
margin: 0 -30px 30px -30px;
padding:30px 30px 10px 30px;
color: #FFF;
background: #81aec5;
}
 .content h2{
margin:0 0 40px 0;
 border-bottom:.25px solid #777;
 }
  .content h3{
margin:0 0 40px 0;
}

 .content h4{
margin:0 0 40px 0;
}
.content h5{
margin:0 0 40px 0;
}
.content p{
font-size: 12pt;
 margin: 30px 0;
line-height: 160%;
text-align: justify;
}

.header{
overflow:auto;
width: 100%;

margin-top:20px;
}
.header h1{
display: block;
float: right;
font-size: 70pt;
color: #000;
line-height: .8;
margin-top:50px;
font-weight: 900;

}
.header h2{
display: block;
float: right;
font-size: 70pt;
color: #000;
font-weight: 900;
line-height: .8;
margin:50px 30px 0 0;
}
.header h3{
clear: both;
font-size: 24pt;
text-align: right;
color: white;
background-color: #000;
font-weight: 700;
padding: 10px 30px;
margin: 0 0 0 0;
}

.mtpbg{
background: #FFF url("../images/mtpbg.svg") no-repeat top right;
background-size:65%;
overflow: auto;
border-bottom: 10px solid #CCC;

}
.floatLT{
float: left;
margin: 5px 40px 40px 5px;
}
.floatRT{
float: right;
margin:5px 5px 40px 40px;
}
.floatLT2{
float: left;
margin: 5px 20px 10px 5px;
}
.floatRT2{
float: right;
margin:25px 1px 20px 60px;
}
.floatLT3{
float: left;
margin: 5px 10px 10px -30px;
}
/* --  mainnav  --*/

.navbar {
  overflow: hidden;
  background-color: #333;
    font-weight: 600;
    font-size: 12pt;
    min-width: 900px;
}

.navbar a {
  float: left;
font-family: inherit;
  text-align: center;
  padding: 14px 30px;
  text-decoration: none;
  color: #FFF;
    

}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: inherit; 
font-family: inherit;
    font-weight: inherit;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  margin: 0;

}

.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #81aec5;
  color:#FFF;
  font-size: 13pt;
  transition: .25s;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #81aec5;
  min-width: 300px;
  box-shadow: 0px 8px 8px 0px rgba(0,0,0,0.5);
  z-index: 1;
  padding: 30px;
}

.dropdown-content a {
  float: none;
  color: #FFF;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
  font-weight: inherit;
  font-size: inherit;
}

.dropdown-content a:hover {
  background-color: #333;
}

.dropdown:hover .dropdown-content {
  display: block;
}
   /* overlay for map text links */


.overlay {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.5);
  overflow-x: hidden;
  transition: 0.5s;
}

.overlay-content {
  width: 100%;
  text-align: center;
    background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);

}

.overlay a {
  padding: 10px;
  text-decoration: none;
  font-size: 14px;
  color: #81aec5;
  display: block;
  transition: 0.3s;
  border-bottom: .25px solid #555;

}

.overlay a:hover, .overlay a:focus {
  color: #f1f1f1;
  background:#333;
}

.overlay .closebtn {
  position: absolute;
  top: 20px;
  right: 45px;
  font-size: 60px;
  border:none;
}



.overlay .centerme{
width: 70%;
    background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.25);
display: flex;
}
   /* HOMEPAGE */
.welcome{
width: 418px;
padding-right: 40px;
border-right: .25px solid #CCC;
border-top: .25px solid #CCC;

   }
.welcome h1{
font-size: 13pt;
padding:50px 20px 20px 30px;
line-height: 145%;
text-align: left;
background: none;
color:#000;
background: #FFF;
}
.welcome ul{
padding:0 0 0 0;
margin:0 0 0 0 5px;
}
.welcome2 h4{
font-size: 13pt;
padding:0 0 0 0;
margin:0 0 0 0;

}
.welcome2 ul{
font-weight: 600;
}

.blocknav{
float: left;
font-weight: 500;
overflow: auto;
width: 100%;
background: #FFF;
}


.blocknav a{
display: block;
text-decoration:none;
padding: 20px 20px;
margin-top:2px;
font-size: 12pt;
}
.blocknav a:link, .blocknav a:visited {
background: #000 url("/images/arrow_RT.svg") no-repeat right center;
color:#FFF;
background-origin: content-box;

}
.blocknav a:hover, .blocknav a:active {
background:  #81aec5 url("/images/arrow_RT.svg") no-repeat right center;
color:#fff;
transition: .25s;
background-origin: content-box;
font-size: 13pt;
}

.blocknav .floatLT2{
float: left;
margin: -20px 10px 10px -10px;
}

 
.subnav{
text-align: right;
position: absolute;
top:0;
right: 0;
padding: 10px 30px;
background: #FFF;
width: 100%;
font-size: 11pt;
font-weight: 600;
}    
.mtpAPP {
padding-top:20px;
}

.mtpAPP a{
display: block;
font-size: 11pt;
text-decoration: none;
margin: 0 1px;
border-bottom: .25px solid #eee;
font-weight: 600;
}
.mtpAPP a:link, .mtpAPP a:visited {
color:#777;
background: #FFF url("/images/arrowRT2.svg") no-repeat right;
padding: 10px 50px 10px 1px;
}
.mtpAPP a:hover, .mtpAPP a:active {
color: #fff;
background: #a3cfe6 url("/images/arrow_RT.svg") no-repeat right;
padding: 10px 50px 10px 10px;
    transition: .25s;
    font-size: 12pt;
}



/* COLLAPSIBLES */

.collapsible {
  background-color:#777;
  color: white;
  cursor: pointer;
  padding: 25px;
    margin-bottom: 2px;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 20pt;
}

.active, .collapsible:hover {
  background-color: #81aec5;
  transition: .25s;
  font-size: 21pt;
}

.collapsible:after {
  content: '\002B';
  color: white;
  font-weight: bold;
  float: right;
  margin-left: 5px;
}

.active:after {
  content: "\2212";
}

.collcontent {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
  background-color: #FFF;
}

/* START CORRIDOR PROJECTS PAGE */
.projects{


}
.projects p{
margin: 0 0 30px 0;
padding: 0 0 0 0;
text-align: left;
font-size: 11pt;
font-weight: 500;

}
.projects h3{
margin: 0 0 0 0;
padding: 0 0 0 0;
font-size: 16pt;
color: #77a1b8;
font-weight: 500;
}

.project_col{
float: right;
width: 350px;
background: #f0f2f6;
text-align: right;

}
.project_col p{
text-align: right;
margin: 0 30px 30px 30px;
padding: 0 0 0 0;
font-weight: 500;
}
.project_col h1{
font-size: 12pt;
margin: 30px 30px 20px 30px;
padding: 0 0 0 0;
background: none;
color: #333;
font-weight: 500;
}
.project_col img{
width: 350px;
height: auto;
}
.p_factors {
overflow: auto;
border-top:.25px solid #77a1b8;
margin-top:20px;

}
.p_factors h4{
font-size: 14pt;
padding: 50px 0 0 0;
margin: 0 0 0 0;
font-weight: 500;

}

.p_factors h5{
padding: 0 0 0 0;
margin: 0 0 0 0;
font-size: 13pt;
font-weight: 500;
color:#77a1b8;

}
.p_factors img{
width: 350px;
height: auto;
float: right;
margin: 4px 0 2px 150px;

}

.p_factors p{
font-weight: 500;
color:#000;
font-size: 12pt;
padding: 0 0 0 0;
margin: 30px 0 0 0;
}

/* START CORRIDOR HEADER */

.wrapme{
    position: relative;
	width: 1366px;
	margin: 0 auto;
	overflow: visible;
    background: #FFF;
}
.corridor_head{    
    background: url("../images/mtpbg.svg") no-repeat center right;
	  background-origin: content-box;
    background-size: 620px auto ;
height:260px;
width: 100%; 
position: relative;
}

.corridor_head .floatLT{
padding:0 0 0 0;
margin:0 20px 0 0;
}
.corridor_head .floatRT{
padding:0 0 0 0;
margin:20px 40px 0 0;
}

.callout{
float: left;
color:#333;
    font-weight: 600;
    width:55%;
    height: 100%;
    padding: 20px;
      border-right:10px solid #a3cfe6;
}
.callout h2{
    color:#000;
    font-weight: 700;
    margin: 40px 0 20px 0;
    font-size: 20pt;
}

.survey .corridor_head{
height:200px;

}
.survey .corridor_head h2{
font-weight: 500;
margin: 0 0 0 0;
}
.survey .corridor_head p{
margin: 0 0 0 0;
font-size: 14pt;

}
/* ----CORRIDOR MAP  and LINKS---- */

.text_button{
display: block;
font-size:16px;
width: 500px;
overflow: auto;
border: .25px solid #333; 
border-top: none;
position: relative; 
top:-30px; 
left: 30px;
padding: 10px 10px 10px 30px;
background: #eee;
}


.corridor_map{
margin-left: 30px;
width: 1306px;
height: 965px;
    background: url("../images/Assetmap.svg") no-repeat center center ;
    background-size: auto auto;
    position: relative;
    overflow: visible;
    border: .25px solid #333;
}

.corridor_links {
font-weight: 500;
display: block;
width: 50%;
float: left;
margin-top:70px;
border:.25px solid #333;
}
.corridor_links strong{
font-size: 14pt;
font-weight: 500;
}
.corridor_links a{
font-weight: 500;
display: block;
}
.corridor_links a:link, .corridor_links a:visited{
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
    color: #81aec5;
transition: 0.25s;

}
.corridor_links a:hover, .corridor_links a:active{
    background-color: #81aec5;
    color: #FFF;
transition: 0.25s;

}


/* ----PROJECTS - */

.project_wrap {
  display: none;
  padding:20px;
  background: #FFF;
    width: 280px;
    min-height: 250px;
position: absolute;
overflow: visible;
z-index: 20;
border: 20px solid #eee;

}
.project_wrap img{
width: 100%;
}

.project_wrap h2{
  color:#333;
  font-size: 13pt;
  font-weight: 600;
  margin: 0 0 0 0;
    padding: 0 0 0 0;
}
.project_wrap h3{
  color:#555;
  font-size: 10pt;
    font-weight: 600;
  margin: 0 0 0 0;
    padding: 0 0 0 0;
}
/* ----PROJECT HOTSPOTS - */

.project_HS a{
font-size: 9pt;
font-weight: 600;
width: 250px;
display: block;
padding: 10px;
    text-align: right;
    border:1px solid #eee; 
    

}
.project_HS a:link, .project_HS a:visited{
    background-color: #FFF;
    color: #555;

}
.project_HS a:hover, .project_HS a:active{
    background-color: #555;
    color: #FFF;
transition: 0.25s;

}
.gm {
width: 100px;
    background-color: #EFBB4B;

}


.project1_HS {
display: block;
position: absolute;
top:104px;
left:0px;
border-right:20px solid #B20072; 
border-bottom:2px solid #B20072; 
}


.project2_HS {
display: block;
position: absolute;
top:52px;
left:0px;
border-right:20px solid #FC0095; 
border-bottom:2px solid #FC0095; 
}

 .project3_HS {
display: block;
position: absolute;
top:0px;
left:0px;
border-right:20px solid #FF8AD5; 
border-bottom:2px solid #FF8AD5; 
}


 .project4_HS {
display: block;
position: absolute;
top:0px;
left:280px;
border-right:20px solid #E58200; 
border-bottom:2px solid #E58200; 
}

 .project5_HS {
display: block;
position: absolute;
top:52px;
left:280px;

border-right:20px solid #FFA840; 
border-bottom:2px solid #FFA840; 

}


 .project6_HS {
display: block;
position: absolute;
top:157px;
right:0px;
border-left:20px solid #8E0700; 
border-bottom:2px solid #8E0700; 
}
 .project7_HS {
display: block;
position: absolute;
top:105px;
right:0px;
border-left:20px solid #F61400; 
border-bottom:2px solid #F61400; 
}

 .project8_HS {
display: block;
position: absolute;
top:53px;
right:0px;
border-left:20px solid #FF6861; 
border-bottom:2px solid #FF6861; 
}

 .project9_HS {
position: absolute;
top:0px;
right:0px;
border-left:20px solid #FED3AA; 
border-bottom:2px solid #FED3AA; 

}
 .project10_HS {
position: absolute;
top:209px;
right:0px;
border-left:20px solid #674890; 
border-bottom:2px solid #674890; 

}


 .project11_HS {
position: absolute;
top:156px;
left:0px;
border-right:20px solid #750034; 
border-bottom:2px solid #750034; 

}

 .project12_HS {
position: absolute;
bottom:106px;
right:0px;
border-left:20px solid #51B848; 
border-bottom:2px solid #51B848; 
}

 .project13_HS {
position: absolute;
bottom:159px;
right:0px;
border-left:20px solid #A7D38A; 
border-bottom:2px solid #A7D38A; 

}

 .project14_HS {
position: absolute;
bottom:53px;
right:0px;
border-left:20px solid #007D4A; 
border-bottom:2px solid #007D4A; 

}

 .project15_HS {
position: absolute;
bottom:0px;
right:0px;
border-left:20px solid #00491F; 
border-bottom:2px solid #00491F; 

}
 .project16_HS {
position: absolute;
bottom:211px;
right:0px;
border-left:20px solid #BCD631; 
border-bottom:2px solid #BCD631; 

}

 .project17_HS {
position: absolute;
bottom:263px;
left:0px;
border-right:20px solid #40C3D6; 
border-bottom:2px solid #40C3D6; 

}

 .project18_HS {
position: absolute;
bottom:211px;
left:0px;
border-right:20px solid #0095F1; 
border-bottom:2px solid #0095F1; 

}
.project19_HS {
position: absolute;
bottom:159px;
left:0px;
border-right:20px solid #003FEE; 
border-bottom:2px solid #003FEE; 

}
.project20_HS {
position: absolute;
bottom:106px;
left:0px;
border-right:20px solid #0100C3; 
border-bottom:2px solid #0100C3; 

}
.project21_HS {
position: absolute;
bottom:53px;
left:0px;
border-right:20px solid #18007A; 
border-bottom:2px solid #18007A; 
}
.project22_HS {
position: absolute;
bottom:0px;
left:0px;
border-right:20px solid #5C64CC; 
border-bottom:2px solid #5C64CC; 
}


/* ----PROJECT FEATURES - */
 .arrow16  {
display: block;
position:absolute;
width: 320px;
height:65px;
top:-85px;
right:40px;
z-index: 0;
}
 .arrow1  {
display: block;
position:absolute;
width: 250px;
height:50px;
left:-240px;
top:230px;
z-index: 0;
}
 .arrow2  {
display: block;
position:absolute;
width: 250px;
height:50px;
left:-228px;
top:243px;
z-index: 0;
}
 .arrow3  {
display: block;
position:absolute;
width: 175px;
height:47px;
left:-195px;
top:165px;
z-index: 0;
}


 .arrow4  {
display: block;
position:absolute;
width: 25px;
height:40px;
left:70px;
top:235px;
z-index: 0;
}
 .arrow5  {
display: block;
position:absolute;
width: 70px;
height:100px;
left:72px;
top:230px;
z-index: 0;
}

 .arrow6  {
display: block;
position:absolute;
width: 180px;
height:36px;
right:260px;
top:150px;
z-index: 0;
}
 .arrow7  {
display: block;
position:absolute;
width: 175px;
height:36px;
right:260px;
top:165px;
z-index: 0;
}
 .arrow8  {
display: block;
position:absolute;
width: 148px;
height:40px;
right:260px;
top:176px;
z-index: 0;
}
 .arrow9  {
display: block;
position:absolute;
width: 90px;
height:15px;
right:260px;
top:-10px;
z-index: 0;
}

 .arrow10  {
display: block;
position:absolute;
width: 216px;
height:130px;
bottom:-150px;
left:220px;
z-index: 0;
}
 .arrow11  {
display: block;
position:absolute;
width: 216px;
height:110px;
bottom:-120px;
left:-225px;
z-index: 0;
}
 .arrow12  {
display: block;
position:absolute;
width: 458px;
height:55px;
top:-90px;
right:-10px;
z-index: 0;
}

 .arrow13  {
display: block;
position:absolute;
width: 270px;
height:65px;
top:-75px;
right:18px;
z-index: 0;
}

 .arrow14  {
display: block;
position:absolute;
width: 220px;
height:30px;
top:-100px;
right:25px;
z-index: 0;
}
 .arrow15  {
display: block;
position:absolute;
width: 360px;
height:60px;
top:-85px;
right:-10px;
z-index: 0;
}

 .arrow16  {
display: block;
position:absolute;
width: 360px;
height:60px;
top:-85px;
right:0px;
z-index: 0;
}


 .arrow17  {
display: block;
position:absolute;
width:300px;
top:-57px;
left:-15px;
z-index: 0;
}
 .arrow18  {
display: block;
position:absolute;
width:260px;
top:-75px;
left:-15px;
z-index: 0;
}

 .arrow19  {
display: block;
position:absolute;
width:322px;
top:-67px;
left:-15px;
z-index: 0;
}

 .arrow20  {
display: block;
position:absolute;
width:340px;
top:-66px;
left:5px;
z-index: 0;
}
 .arrow21  {
display: block;
position:absolute;
width:365px;
top:-62px;
left:25px;
z-index: 0;
}
 .arrow22  {
display: block;
position:absolute;
width:120px;
top:-20px;
left:260px;
z-index: 0;
}

.project1_HS:hover + .project_wrap {
  display: block;
position: absolute;
top:205px;
left:270px;
}
.project2_HS:hover + .project_wrap {
  display: block;
position: absolute;
top:60px;
left:270px;
}
.project3_HS:hover + .project_wrap {
  display: block;
position: absolute;
top:0px;
left:445px;

}
.project4_HS:hover + .project_wrap {
  display: block;
position: absolute;
top:170px;
left:270px;
}
.project5_HS:hover + .project_wrap {
  display: block;
position: absolute;
top:170px;
left:270px;
z-index: 20;
}

.project6_HS:hover + .project_wrap {
  display: block;
top:180px;
right:270px;
}

.project7_HS:hover + .project_wrap {
  display: block;
top:150px;
right:270px;
}
.project8_HS:hover + .project_wrap {
  display: block;
top:120px;
right:270px;
}
.project9_HS:hover + .project_wrap {
  display: block;
top:40px;
right:270px;
}
.project10_HS:hover + .project_wrap {
  display: block;
top:90px;
right:270px;
}


.project11_HS:hover + .project_wrap {
  display: block;
top:170px;
left:270px;
}

.project12_HS:hover + .project_wrap {
  display: block;
bottom:0px;
right:270px;
}
.project13_HS:hover + .project_wrap {
  display: block;
bottom:65px;
right:270px;
}
.project14_HS:hover + .project_wrap {
  display: block;
bottom:-25px;
right:270px;
}
.project15_HS:hover + .project_wrap {
  display: block;
bottom:45px;
right:270px;
}
.project16_HS:hover + .project_wrap {
  display: block;
bottom:60px;
right:270px;
}

.project17_HS:hover + .project_wrap {
  display: block;
bottom:-5px;
left:270px;
}
.project18_HS:hover + .project_wrap {
  display: block;
bottom:-30px;
left:270px;
}

.project19_HS:hover + .project_wrap {
  display: block;
bottom:-23px;
left:270px;
}
.project20_HS:hover + .project_wrap {
  display: block;
bottom:-23px;
left:270px;
}
.project21_HS:hover + .project_wrap {
  display: block;
bottom:-35px;
left:270px;
}
.project22_HS:hover + .project_wrap {
  display: block;
bottom:-33px;
left:270px;

}
/* ----PROJECT TEXT LINKS - */

.project1_link:hover + .project_wrap {
  display: block;    
position: absolute;
top:0;
left:350px;
}


.project2_link:hover + .project_wrap {
  display: block;
position: absolute;
top:0;
left:350px;
}

.project3_link:hover + .project_wrap {
  display: block;
top:0;
left:350px;
}



.project4_link:hover + .project_wrap {
  display: block;
position: absolute;
top:0;
right:0;
}



.project5_link:hover + .project_wrap {
  display: block;
position: absolute;
top:0;
right:0;
}

.project6_link:hover + .project_wrap {
  display: block;
position: absolute;
top:0;
right:0;
}


.project19_link:hover + .project_wrap {
  display: block;
position: absolute;
top:0;
right:0;
}

/* ARTERIALS */
.arterials{
font-size: 11pt;
font-weight: 500;
border-top:5px solid #CCC;
border-right:5px solid #CCC;
}
.arterials li{
border-bottom:.25px solid #CCC;
margin: 0 0 0 0;
padding: 0 0 0 0;
list-style-type: none;
min-height: 10px;

}
.arterials .num{
display: inline-block;
text-align: right;
width: 60px;
height: 100%;
padding: 10px 20px;
margin-right: 20px;
background: #ccc;
color: #FFF;
font-size: 16pt;
font-weight: 800;
}
.arterials .floatLT{
width:49.5%;
margin: 0 2px 10px 0;

}
.arterials .floatRT{
margin: 0 0 10px 0;
width:50%;
}

/* misc use */
.flex-container {
display: flex;
flex-direction: row;
}
.contactmap{
    float:right;
    padding:20px;
    margin-bottom:40px;
    background-color: #EEE;
   background: -webkit-linear-gradient(#fff, #B3B3B3);
background: -o-linear-gradient(#fff, #B3B3B3);
background: linear-gradient(#fff, #B3B3B3);
    border:1px solid #777;
}

.roadmap{
border-top:.25px solid #CCC;
border-bottom:.25px solid #CCC;
font-weight: 500;
font-size: 14pt;
min-height: 200px;
line-height: 165%;
overflow: auto;
}
.roadmap p{
font-weight: 500;
font-size: 14pt;
}

.roadmap .floatLT2 {
clear: both;
margin: 0 40px 0 0;
}



#CR {
border-top:.25px solid #ccc;
	color: #777;
	font-size: 8pt;
	padding-top: 5px;
    text-align: left;
}

.footer{
break-after: always;
padding-top: 10px;
font-size: 10pt;
}
.address{

text-align: left;
padding:10px 0;

}
/* CONDITIONALS */
@media screen and (max-height: 450px) {
  .overlay a {font-size: 14px}
  .overlay .closebtn {
  font-size: 40px;
  top: 15px;
  right: 35px;
  }
}