html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
h1 {font-size: 40px; font-weight: bold; margin: 20px 0;}
h2 {font-size: 30px; font-weight: bold; margin: 15px 0;}
h3 {font-size: 25px; font-weight: bold; margin: 10px 0;}

body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*reset-end*/


html { 
    box-sizing: border-box; 
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
*, *:before, *:after { box-sizing: inherit; }

* {text-align: center}

  body {
    margin: 0 auto;
    padding: 0;
    font-family: Rubik, Helvetica, sans-serif, Arial; 
    width: 100%;
    background-color: whitesmoke;
    border-bottom: 6px solid #8dd0fa;
  }

  div {
    margin: 0 auto;
    width: 100%;
  }
  img {
    width: 100%;
  }

  
  header div {
background-color:#dcdcdc;
    text-align:center; margin:0; 
    border-top: 0px solid #d6d6d6;
    border-bottom: 0px solid #d6d6d6;
    width: 100%;
    color: darkblue; 

    font-size: 21px; 
    font-weight: 800; 
    padding: 10px 2px; 
    font-style: italic;
  }
  header div a {
    color:inherit;
    text-decoration: underline;
    margin-left:10px;
  }
  header div a:hover {color: #1f54f3}
  

  .dv-img-index {
      margin:0; padding: 0;
      background-image: linear-gradient(#8dd0fa, whitesmoke);

  }

  .img-index {max-width:1600px; width:100%; margin:0;}

  .img-res {max-width:500px; width:70%; margin:40px auto}


  form {
    width: 100%;
    max-width: 750px;
    min-width: 300px;
    border-radius: 10px;
    padding: 30px 40px;
    padding-top: 15px;
    margin: 50px auto;
    margin-top: 30px;
    background-color: #dedbd4;
    text-align: left;
    border:1px solid #cccccc;
 }

  form * {text-align: left; font-size: 17px; font-weight: 300;}

  .dv-info {font-size: 42px; font-style: italic; color: dimgray; font-weight: 800; margin: 40px auto; 
    margin-top: 10px; text-shadow: -1px -1px 10px white; line-height: 1.5em;}

  .dv-info a {color: dimgray; text-decoration:none}

  .a-res {display:block; color: black; font-size: 23px; font-weight: 700; margin: 30px auto;
    background-color: #ffffff; padding: 7px; border: 1px solid dimgray; border-radius: 5px;
    text-decoration: none; width: 350px;
  }

  .dv-contact {font-size: 20px; font-weight: 400; margin: 30px auto;}


  footer div {font-size: 25px; font-weight: 500; font-style: italic; margin: 30px auto;}

  footer div:last-child {font-size: 16px; font-weight: 300; font-style: normal; margin: 30px auto;}


  .bt-dir {
    background-color: #fdfdfd;
    padding: 5px 10px;
    margin:10px 25px;
    margin-top: 15px;
    font-size:15px;
    font-weight: 400;
    color:dimgray;
    border: 2px solid gray;
    width:150px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
  }
  .bt-dir:hover {border-color: black; color: blue;}

  .bt-dir.selected {
    background-color: white;
    color: black;
    border: 2px solid black;
    
  }

  .res-bt {background-color: whitesmoke; border: 1px solid gray; display: block; margin: 25px; width: 300px;
      margin-left: auto; margin-right: auto;
      padding: 10px 35px; text-decoration: none; font-weight: bold; color:darkblue; font-size: 20px; border-radius: 11px;}
    .res-bt:hover {background-color:gold; color: black; border-color: black;}

  form input {
    margin: 4px 1px;
    padding: 3px 5px;
border-radius:5px;
border:1px solid #cccccc;
  }
 
  form span {
    
    margin: 0;
    padding: 0;
  }

  form select {
    margin: 0;

border-radius:5px;
border:1px solid #cccccc;

    padding: 3px 5px;
  }
  

  form div {
    margin: 20px 0;
  }

  
  form .dv-airport-to {
    margin-top: -5px;
 } 

  form .dv-address-to {
     margin-top: -5px;
  } 

  form label {
    margin: 0;
    padding: 0;
  }
  .lblInDiv {
    display: block;
    margin-bottom: 5px;
  }
  .dv-pass-info2 {
    margin-top: -10px;
  }
  #specialInstructions {
    width: 100%;
    font-size: 17px;
  }
  form p {
    text-align: center;
    margin: 0 auto;
  }
  form #submit {
    display: block;
    margin: 10px auto;
    padding: 3px 25px;
  }
  
  .errors div {
    color: red;
    font-weight: bold;
    text-align: center;
    margin: 5px;
  }



#rdoRoundTripLabel {margin-left:15px}



@media screen and (min-width:800px) and (max-width: 1000px) {
   
 }

 @media screen and (max-width: 800px) {
    
 }

 @media screen and (max-width: 710px) {
    #reservation-form {
        width: 100%;
        max-width: none;
        border-radius: 0;
        border-left: none;
        border-right: none;
        }

        .bt-dir {
          background-color: #fdfdfd;
          padding: 5px;
          margin:10px 5px;
          margin-top: 15px;
          font-size:15px;
          font-weight: 400;
          width:120px;
        }

    .sp_statezip {
        display: block;
        margin-left: 0;
        text-align: left;
      }

    .sp_from_airport {
        display: block;
        margin-top:3px;
      }

    .sp_to_airport {
      display: block;
    }
  }

 @media screen and (max-width: 500px) {

  .bt-dir {
    background-color: #fdfdfd;
    padding: 5px 2px;
    margin:10px 2px;
    margin-top: 15px;
    font-size:13px;
    font-weight: 400;
    width:100px;
  }


form {
    padding: 10px;
    font-size: 15px;
  }

 

  form div {
    margin: 23px 0;
    }

  .sp_statezip {
    display: block;
  }

  #specialInstructions {
    font-size: 16px;
    height: 70px;
  }


  header div {font-size: 19px;}

  .dv-info {font-size: 20px; line-height: 1.5em;}

  .a-res {font-size: 19px; width: 270px;}

  .dv-contact {font-size: 16px; line-height: 1.5em;}

  footer div {font-size: 20px;}

  footer div:last-child {font-size: 14px;}

 }

 @media screen and (max-width: 370px) {
    
  .bt-dir {
    background-color: #fdfdfd;
    padding: 5px 2px;
    margin:10px 2px;
    margin-top: 15px;
    font-size:15px;
    font-weight: 400;
    width:120px;
  }

  #toAirport, #fromAirport {width:250px}

  }