* {
margin: 0 0 0 0;
padding: 0 0 0 0
}
body {
max-width: 1200px;
margin: 0 auto;
color: #000;
background: #FFF;
font-family:arial, sans-serif; 
font-style: normal;
font-weight: normal
}

img , form input, form textarea {
max-width: 100%;
}

header {
width: 100%;
background: #ffffff;
float: left;
}
nav {
width: 100%;
background: #FFF;
float: left;
display: table;
}

header img {
float: left;
padding: 1.4% 0% 1.4% 0%;
box-shadow:none
}
section.content-background {
width:100%;
background: #ffffff;
float: left;
}
section.introduction {
width: 90%;
float: left;
padding: 0 5%
}
/* 2 column set up */
section.left {
width: 42.5%;
padding:1.4% 0% 1.4% 0%;
float: left;
}
section.right {
width: 42.5%;
padding: 0 5% 0 2.5%;
float: left;
}
section.single-column {
width: 90%;
background: #f4fcf0;
padding: 0 5%;
float: left;
}
footer {
width: 100%;
background: #fff;
float: left
}
h1 {
font-style: lite;
font-weight: 400;
font-size: 22px;
text-align: center;
color:#999;
line-height: 1.5;
text-indent: 0.01px ;
padding:1.5% 0% 1.5% 0%;
text-shadow: None}

h2 {
font-style: italic;
font-weight: 700;
font-size: 30px;
text-align:center;
color: #000;
line-height: 1.5;
padding:1.5% 0% 1.5% 0%;
text-shadow: None}

h3 {
font-style: bold;
font-weight: 600;
font-size: 26px;
text-align:left;
color: #555;
line-height: 1.3;
padding:1.5% 0% 1.5% 0%;
text-shadow: None}

h4 {
font-style: bold;
font-weight: 500;
font-size:24px;
text-align:left;
color: #000;
line-height: 1.3;
padding:1.5% 0% 1.5% 0%;
text-shadow: None}

h5 {
font-style: bold;
font-weight: 400;
font-size: 22px;
text-align:left;
color: #262626;
line-height: 1.3;
padding:1.5% 0% 1.5% 0%;
text-shadow: None}


h6 {
font-size: 24px;
text-align:left;
color: #262626;
line-height: 1.3;
padding:1.5% 0% 1.5% 0%;
text-shadow: None}


.price-table, .travel-table {
      width: 100%;
      border-collapse: collapse;
      margin: 1rem 0;
    }
    .price-table th, .price-table td, .travel-table th, .travel-table td {
      border: 1px solid #ddd;
      padding: 0.5rem;
      text-align: left;
    }



.button {
  width: 200px;
  border: none;
  color: white;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
}

.buttonBlack {
  background-color: white; 
  color: black; 
  border: 1px solid #000;
}

.buttonBlack:hover {
  background-color: #000;
  color: white;
}



/* third example */
.call-outs-container {
  max-width: 1400px;
  margin: 40px auto 0 auto;
  }
.call-out {
  padding: 20px;
  box-sizing: border-box;
  border:0px #FFFFFF ;
  margin-bottom: 20px;
  flex-basis: 30%;
}
.call-out-2c{
  padding: 10px;
  box-sizing: border-box;
  border:0px #FFF none;
  margin-bottom: 10px;
  flex-basis:44%;
}
.call-out-3c {
  padding: 10px;
  box-sizing:border-box;
  border:0.3px #E5E5E5 solid;
  margin-bottom: 10px;
  flex-basis: 33%;
}	

.call-out-3c-black {
  padding: 10px;
  box-sizing:border-box;
  border:0.3px #000 solid;
  margin-bottom: 10px;
  flex-basis: 30%;
}	

.call-out-3-fff2e8 {
  padding: 10px;
  box-sizing:border-box;
  border:0.1px #e9e9e9 solid;
  margin-bottom: 10px;
  flex-basis: 32%;
}	

.call-out-3-E0F2B8 {
  padding: 8px;
  box-sizing:border-box;
  border:0px #FFF none;
  margin-bottom: 8px;
  flex-basis: 32%;
}

.call-out-3FFF{
  padding: 8px;
  box-sizing:border-box;
  border:0px #FFF none;
  margin-bottom: 8px;
  flex-basis: 32%;
}	



.call-out-4c{
	padding:7px;
	box-sizing:border-box;
	border:0.3px #E5E5E5 solid;
	margin-bottom:7px;
	flex-basis:24%;
	}	
	
.call-out-5c{
	padding:10px;
	box-sizing:border-box;
	border:0.3px #E5E5E5 solid;
	margin-bottom:10px;
	flex-basis:18%;
	}	
.call-out-6cc{
	padding:10px;
	box-sizing:border-box;
	border:0.1px #E5E5E5 solid;
	margin-bottom:10px;
	flex-basis:16%;
	}			
	
	
	
.call-out-2c:nth-child(1){background-color:#FFF;}
.call-out-2c:nth-child(2){background-color:#FFF;}

.call-out-3c:nth-child(1) {background-color: #FFF;}
.call-out-3c:nth-child(2) {background-color: #FFF;}
.call-out-3c:nth-child(3) {background-color: #FFF;}

.call-out-3c-black:nth-child(1) {background-color: #000;}
.call-out-3c-black:nth-child(2) {background-color: #000;}
.call-out-3c-black:nth-child(3) {background-color: #000;}

.call-out-3FFF:nth-child(1) {background-color:#FFF;}
.call-out-3FFF:nth-child(2) {background-color:#FFF;}
.call-out-3FFF:nth-child(3) {background-color:#FFF;}

.call-out-3-fff2e8:nth-child(1) {background-color:#fefefe;}
.call-out-3-fff2e8:nth-child(2) {background-color:#efefef;}
.call-out-3-fff2e8:nth-child(3) {background-color:#fefefe;}


.call-out-3-E0F2B8:nth-child(1) {background-color:#E0F2B8;}
.call-out-3-E0F2B8:nth-child(2) {background-color:#E0F2B8;}
.call-out-3-E0F2B8:nth-child(3) {background-color:#E0F2B8;}

.call-out-4c:nth-child(1) {background-color: #FFF;}
.call-out-4c:nth-child(2) {background-color: #FFF;}
.call-out-4c:nth-child(3) {background-color: #FFF;}
.call-out-4c:nth-child(4) {background-color: #FFF;}

.call-out-5c:nth-child(1) {background-color: #FFF;}
.call-out-5c:nth-child(2) {background-color: #FFF;}
.call-out-5c:nth-child(3) {background-color: #FFF;}
.call-out-5c:nth-child(4) {background-color: #FFF;}
.call-out-5c:nth-child(5) {background-color: #FFF;}

.call-out-6cc:nth-child(1) {background-color: #C5E2E2;}
.call-out-6cc:nth-child(2) {background-color: #C5E2E2;}
.call-out-6cc:nth-child(3) {background-color: #C5E2E2;}
.call-out-6cc:nth-child(4) {background-color: #C5E2E2;}
.call-out-6cc:nth-child(5) {background-color: #C5E2E2;}
.call-out-6cc:nth-child(6) {background-color: #C5E2E2;}

.call-out:nth-child(1) {background-color: #FFF;}
.call-out:nth-child(2) {background-color: #FFF;}
.call-out:nth-child(3) {background-color: #FFF;}

.call-out-a:nth-child(1) {background-color: #009D00;}
.call-out-a:nth-child(2) {background-color: #FF0000;}
.call-out-a:nth-child(3) {background-color: #7D05AB;}

hr {
color : #000040;
background-color : #999;
height: 1px;
width: 60%;
margin: 0 auto
}

h1 a {color: #000; text-decoration: none; }
p a {text-decoration: none; } 
a {color:#FF8040; text-decoration: none; } 



p {
font-size : 15px;
text-align : left;
line-height: 1.5;
text-indent : 0.01px ;
padding: 1.3% 1.3% 1.3% 1.3%;
 }
 
p a {
color: #025703
}
p a:visited {
color: #3f5c3e
}
p.clear {
clear: both
}
section.left img,  section.right img, section.single-column img {
margin: 2.5% 2.5% 2.5% 2.5%;
border: none;
box-shadow: none; 
}
footer p {
color: #333;
font-size : 15px;
text-align : center;
padding: 0 0 .5% 0} 

footer p a {
color: #000}


/***********************************
  Media Queries
***********************************/

@media only screen and (min-width: 25em) {
    /* small */
    html {
        font-size: 100%;
        line-height: 1.3;
    }
}
@media only screen and (min-width: 38em) {
    /* medium */
    html {
        font-size: 110%;
        line-height: 1.4;
    }
}
@media only screen and (min-width: 60em) {
    /* large */
    html {
        font-size: 120%;
        line-height: 1.5;
    }
}
@media only screen and (min-width: 90em) {
    /* extra large */
    html {
        font-size: 130%;
    }

}

@media (min-width: 900px) {
  .call-outs-container {
    display: flex;
    justify-content: space-between;
  }
  }
  
  @media (max-width: 600px) {
      .price-table, .travel-table {
        font-size: 0.9rem;
      }
  }