/* your custom styling */
body {
    padding-top: 5rem;
    background-color: white;
}

.hero{
    background-image: url(../img/Untitled-4.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    object-fit: cover;
    resize: both;
}
footer{
    padding-top: 1rem;
}
form{
    border: #999999 solid 2px;
    padding: 1rem;
    width: 80%;
    margin: 0 auto;
    max width: 720px;
}
.form__row{
    
}
.form__row-cell-1{
  
}
.form__row-cell-2{
   
}
button[type=enter] {
    background-color: #cccccc;
    font-size: 1rem;
    cursor: pointer;
    width: 9rem;
    float: auto;
    margin-top: 1rem;
}
button[type=reset] {
    background-color: #ffcccc;
    float: auto;
    font-size: 1rem;
    cursor: pointer;
    width: 6rem;
   margin-top: 1rem;
   margin-left: 10.5rem;
}
td{
border:solid black;
padding: .25rem .5rem;
text-align: center;
font-size: 1rem;
}
.logo{
    width:54px; margin: .125em 0 0 .1em;
}
.nav-link{
    padding-left: 1rem;
}
.parking{
    border: black;
}


@media screen and (min-width: 720px) {
.form__row{
    display: flex;
}
.form__row-cell-1{
    flex: 1;
    padding-right: 1rem;
}
.form__row-cell-2{
    flex: 2;
}
}
h4{
 text-align: left;
}
/* Dropdown Button */
.dropbtn {
    background-color: white;
    color: #0073AE;
    padding: 16px;
    font-size: 16px;
    border: none;
  }
  
  /* The container <div> - needed to position the dropdown content */
  .dropdown {
    position: relative;
    display: inline-block;
  }
  
  /* Dropdown Content (Hidden by Default) */
  .dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
  }
  
  /* Links inside the dropdown */
  .dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  
  .heroimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
  }
  /* Change color of dropdown links on hover */
  .dropdown-content a:hover {background-color: #ddd;}
  
  /* Show the dropdown menu on hover */
  .dropdown:hover .dropdown-content {display: block;}
  
  /* Change the background color of the dropdown button when the dropdown content is shown */
  .dropdown:hover .dropbtn {background-color: #cfd9dd;}
  
  .bafcologo {
    width:250px;
    margin: .125em 0 0 .1em;
  }
  .dropbtn2 {
    background-color: white;
    color: #0073AE;
    padding: 40px;
    margin: 0 auto;
    font-size: 16px;
    border: none;
    text-align: center;
  }
  .dropdown-content2 {
    background-color: white;
    color: #0073AE;
    padding: 16px;
    font-size: 16px;
    border: none;
}
a {
    color: #0073AE;
    text-decoration-line: none;
}

h2 {
    padding-left: 1rem;
    font-family: ;
}
.hide {
    visibility: hidden;
}
p {
    font-family: Arial, Helvetica, sans-serif;

}
.center {
    text-align: center;
}
.scaledDown {
    size: 2rem
}
footer {
    background-color: white;
    color:#0073AE;
    padding-left: 1rem;
    padding-bottom: .35rem;
}
.bottomImages{
    padding-left: 1rem;
    padding-right: 1rem;
    size: 10px;
}