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;
}

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*/

      

strong, b {
    font-weight: bold; 
}

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: Helvetica, sans-serif, Arial; 
    width: 100%;
    background-color: whitesmoke;
    border-bottom: 6px solid #cccccc;
  }

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

  header {margin-bottom: 30px;}

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

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

  header div a:hover {color: darkblue;}
  

  .form-submit-div-response {
    color: black; display: block; margin: 50px auto; padding: 30px; text-align: center; font-family: Arial, sans-serif; font-size: 25px; 
  }
  .form-submit-div-response-failed {
    color: red; display: block; margin: 50px auto; padding: 30px; text-align: center; font-family: Arial, sans-serif; font-size: 25px; 
  }

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

  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}

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

  .dv-usaac-index {max-width: 900px; border: 1px solid gray; margin: 40px auto; padding: 40px 60px; border-radius: 10px;}

  .a-usaac-index-res {display: block; background-color: whitesmoke; padding: 10px 20px; margin: 40px auto; border: 1px solid gray;
  border-radius: 25px; max-width: 400px; font-size: 20px; font-weight: bold; text-decoration: none; color: black; 
  transition: transform 0.2s ease-in-out}

  .a-usaac-index-res:hover {color: blue; background-color: white; transform: scale(1.4);}

  .p-usaac-index {text-align: left; font-size: 20px; margin: 30px auto; line-height: 1.5em;}
  .p-usaac-index a, .p-usaac-index span {color: black; font-weight: bold; font-style: italic; text-decoration: none;}
  .p-usaac-index div ul {display: block; margin: 0 auto 0 0;}
  .p-usaac-index div ul li {font-size: 20px; text-align: left; margin-left: 40px;}
  .bt-usaac-form-submit {padding: 10px 20px; border: 1px solid black; cursor: grab; background-color: whitesmoke;}
  .bt-usaac-form-submit:hover {background-color: white;}
  .img-index {max-width: 900px; height: auto; margin: 20px auto; border-radius: 10px;}
  footer {margin: 40px auto;}
  footer div {font-size: 25px;}
  footer div:last-child {font-size: 14px; margin: 20px auto;}
  .img-exp {margin-top: 70px; font-size: 16px; color: dimgray;}

  form input {
    margin: 4px 1px;
    padding: 7px;
border-radius:5px;
border:1px solid #cccccc;
  }
 
  #fromAddress {width: 75%}
  #toAddress {width: 75%}

  form span {
    
    margin: 0;
    padding: 0;
  }

  form select {
    margin: 0;
    border-radius:5px;
    border:1px solid #cccccc;
    background-color: white;
    padding: 3px 5px;
  }
  

  form div {
    margin: 20px 0;
  }

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

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

  form label {
    margin: 0;
    padding: 0;
  }
  .lb-address {
    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: 5px}

body h1 {font-size: 40px; font-weight: bold; margin: 20px 0;}
body h2 {font-size: 30px; font-weight: bold; margin: 15px 0;}
body h3 {font-size: 25px; font-weight: bold; margin: 10px 0;}
body h4 {font-size: 25px; font-weight: normal; margin: 10px 0;}
p {font-size: 23px; font-weight: normal; margin: 10px 0;}
  

 @media screen and (max-width: 880px) {       
   #fromAddress {width: 100%}
   #toAddress {width: 100%}
}

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

        
  #fromAddress {width: 100%}
  #toAddress {width: 100%}
  }

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

  .form-submit-div-response {
    font-size: 35px; 
  }
  .form-submit-div-response-failed {
    font-size: 35px; 
  }

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

  form div {
    margin: 23px 0;
    }


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


  header div {font-size: 19px;}

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

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

  #fromAddress {width: 100%}
  #toAddress {width: 100%}

 }

 @media screen and (max-width: 370px) {
  .form-submit-div-response {
    font-size: 35px; font-weight: bold;
  }
  .form-submit-div-response-failed {
    font-size: 35px; font-weight: bold;
  }

  }