body{background-color: white;font-family: 'Quicksand'; margin:0px;}
    
    p{margin:1% 5% 4% 5%; font-size:1.2em;}

    #footer{background-color:#333333; color:#ccc; padding:20px;}
      a{color:#ccc;}
    #header{background-color:#5ea5d3;  margin:0; padding:2% 5% 1% 5%;}
    h1{color:#333; font-family: "Josefin Sans", sans-serif; font-size:2em;}

    button{background-color:#5ea5d3; margin:1% 2% 3% 5%; border-radius:5px; font-family: "Josefin Sans", sans-serif; font-size:1em; padding:10px; color:white;}

    #carouselHolder{display: flex; margin:1% 5% 0% 5%; padding:0; overflow-x:scroll; -ms-overflow-style: none; scrollbar-width: none; scroll-behavior: smooth;}
      #carouselHolder::-webkit-scrollbar {display: none;}

      .carItem{width:100%; overflow:hidden; flex-shrink:0;}
        .carPic{width: 100%; object-fit: cover;}

    #featuresHolder{
    	  margin:0; padding:0% 5% 1% 5%;
    	  color:#333; font-family: "Josefin Sans", sans-serif; font-size:1.2em;
    }

    .feature{text-indent:0.2em; line-height:1.5em;}

    #map{margin:1% 5% 1% 5%; width:90%; max-width:905px;}

/*--- non mobile:  ---- */
@media screen and (min-width: 576px){
	h1{font-size:2.5em;}
  	p{font-size:1em;}
  	#featuresHolder{font-size:1.5em;}
}
@media screen and (min-width: 900px){
  
}

@media screen and (min-width: 1200px){
  #header{padding:2% 10% 1% 10%;}
  #carouselHolder{display: flex; margin:1% 10% 0% 10%;}
  #map{margin:1% 10% 1% 10%;}
  #featuresHolder{margin:0% 5% 0% 5%;}
  p{margin:1% 10% 4% 10%;}
  button{margin:1% 2% 3% 10%;}
}
@media screen and (min-width: 1600px){
  
}