/* gray #CBCCCB */
/* black #1A1A1A */
/* purple #9D9BC3 */

@media screen and (min-width : 0px){

  html,
  body {
    background-color: #CBCCCB;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .toursloc {
	text-align: right;
	font-size: 0.8em;
	margin-top: 3em;
  }

    .tours-tourDetailsTop {
        border-top: 2px solid black;
    border-bottom: 2px solid black;
    padding: 10px;
    align-items: center;
  }
    
   .tours-tourDetailsTop {
    border-bottom: 2px solid black;
    padding: 10px;
    align-items: center;
  }
   .tours-tourDetailsTop span:first-child {
	font-size: 1.4em;
	letter-spacing: 4px;
  }

    .tours-tourDetailsTop p a {
	color: #1A1A1A;
	text-decoration: none;
  }
  .tours-tourDetails {
    border-bottom: 2px solid black;
    padding: 10px;
    align-items: center;
  }
    .tours-tourDetailsTop span:first-child {
	font-size: 1.4em;
	letter-spacing: 4px;
  }
    .tours-tourDetails span:first-child {
	font-size: 1.4em;
	letter-spacing: 4px;
  }

     .tours-tourDetails p a {
	color: #1A1A1A;
	text-decoration: none;
  }
    .tourfirst {
        
	font-size: 2em;
	letter-spacing: 4px;
        
  }
    
    .tourmiddle {
        margin-top:44px;
	font-size: 22px;
      display:block;
  }
    .tourlast {
	font-size: 22px;
         display:block;
  }

  .tours-tourDetails:last-child {
    border-bottom: none;
  }



 /* Always set the map height explicitly to define the size of the div
  * element that contains the map. */
  .tour,
  #map {
	height: 100%;
	height: calc( 100vh - 70px );
  }

  .tour-footer {
	background-color: #CBCCCB;
	text-align: center;
	padding: 0;
	position: absolute;
	width: 100%;
	bottom: 0;
	font-size: 7vw;
	height: 70px;
	line-height: 70px;
  }
    
    .tour a {
	color: #1A1A1A;
	text-decoration: none;
  }
  .tour-footer a {
	color: #1A1A1A;
	text-decoration: none;
  }

  /* style InfoWindow */
  .gm-style-iw.gm-style-iw-c {
	border-radius: 0;
	background: #CBCCCB;
	font-size: 22px;
	font-weight: bold;
	color: #1A1A1A;
  }
  .gm-style .gm-style-iw-t::after {
	background: #CBCCCB;
  }
  .gm-style-iw.gm-style-iw-c b {
	display: block;
  }
}
@media screen and (min-width : 600px){
    
    .tours-tourDetailsTop span:first-child {
	font-size: 1.8em;
	letter-spacing: 4px;
  }
     .tours-tourDetails span:first-child {
	font-size: 1.8em;
	letter-spacing: 4px;
  }
    
  .tourfirst {
	font-size: 2em;
	letter-spacing: 4px;
  }
    .tourmiddle {
        margin-top:56px;
	font-size: 28px;
      display:block;
  }
    .tourlast {
	font-size: 28px;
         display:block;
  }
  
  .tours p {
	padding-left: 0;
  }
   
  .tour-footer {
    font-size: 2em;
  }

}


@media screen and (min-width : 1200px){
    
     .tours-tourDetailsTop span:first-child {
	font-size: 2em;
	letter-spacing: 4px;
  }
    .tours-tourDetails span:first-child {
	font-size: 2em;
	letter-spacing: 4px;
  }
    
  .tourfirst {
	font-size: 2em;
	letter-spacing: 4px;
  }
  .tourmiddle {
      margin-top:72px;
	font-size: 36px;
      display:block;
  }
    .tourlast {
	font-size: 36px;
         display:block;
  }
  .tours p {
	padding-left: 0;
  }
   
  .tour-footer {
    font-size: 2em;
  }

}