@charset "UTF-8";
/* CSS Document */

body{
	background: rgb(255, 250, 236) url("../images/pictures/background-faq.jpg") no-repeat;
	background-size: cover;
	background-attachment: fixed;
	color: #41544F;
}

header{
	margin: 0 0 0 150px ;
}


/*-------structual elements-------*/

#main{
	background-color: rgb(255, 250, 236);
	width: 80%;
	margin: auto;
	}




/*---------menu styling----------*/
nav{
	background-color: #CBD9BD;
	width: 80%;
	margin: auto;
	}
	
.nav { 
	background-color: #CBD9BD;
  list-style-type: none;
  text-align: center;
  margin: 0;
  padding: 20px;
}

.nav li {
  display: inline-block;
  font-size: 20px;
  padding: 0px 20px 0px 20px;
  font-family: 'Montserrat', Helvetica, sans-serif;
}

.nav a:link {
	color: #FFFAEC;
	text-decoration: none;
}

.nav a:visited {
	color: #FFFAEC;
	text-decoration: none;
}

.nav a:hover {
	color: #4E544F;
	text-decoration: none;
}

.nav a:active {
	color: #FFFAEC;
	text-decoration: none;
} 


/*-------section styling-----*/

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}


.box1{
	height: auto;
	width: 40%;
	padding: 50px 0px 50px 100px;
}

.box2{
	height: auto;
	width: 50%;
	padding: 170px 0px 50px 0;
}

.box3{
	height: auto;
	width: 45%;
	padding: 120px 10px 150px 0;
}

.box4{
	height: auto;
	width: 45%;
	padding: 10px 10px 50px 0;
}

.box5{
	height: auto;
	width: auto;
	padding: 10px 10px 50px 10px;
	margin: 10px 0 10px 10px;
}

.box6{
	height: auto;
	width: auto;
	padding: 10px;
	margin: 20px;
	border-left: 3px solid #CBD9BD;
	background-color: rgba(255, 255, 255, 0.5);
}

.box7{
	height: auto;
	width: auto;
	padding: 10px;
	margin: 20px;
	background-color: rgba(203, 217, 189, 0.2)
}

.box8{
	height: auto;
	width: 30%;
	padding: 50px 10px 50px 100px;
}

.box9{
	height: auto;
	width: 55%;
	padding: 50px 10px 50px 0;
}

.floatleft{
	float: left;
}

.floatright{
	float: right;
}




/*-----------image styling-----------*/

.parallax {
  background-color: white;
  background-image: url("../images/pictures/background-home.jpg");
  min-height: 300px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 65%;
}

.parallax2 {
  background-color: white;
  background-image: url("../images/pictures/background02.jpg");
  min-height: 300px; 
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
}



/*-------------text styling------------*/

*{
	font-family: 'Josefin Sans', "Trebuchet MS", Helvetica, sans-serif;
	line-height: 1.5;
}

h1{
font-size: 5vw;	
font-family: 'Cormorant Garamond', Georgia, serif;

line-height: 1.2;
}

h2{
font-size: 4vw;
font-family: 'Cormorant Garamond', Georgia, serif;

line-height: 1.2;
}

h3{
	color: #6C7D35;
}


.italic {
  font-style: italic;
}

.thick {
  font-weight: bold;
}

.small {
  font-variant: small-caps;
}

.supercoolfuntimes{
	text-align: center;
}

.cyan{
	color: #53EDE8;
}





/*--------- link styling--------*/
a:link {
	color: #4E544F;
}

a:visited {
	color: #4E544F;
}

a:hover {
	color: #53EDE8;
}

a:active {
	color: #4E544F;
} 

.button {
  display: inline-block;
  border-radius: 1px;
  background-color: #4E544F;
  border: none;
  color: #53EDE8;
  font-size: 1.5vw;
  text-align: center;
  padding: 5px;
  width: 150px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}





/*-----------table styling------*/

	.tg  {border-collapse:collapse;border-spacing:0;}
	.tg td{border-color:black;border-style:solid;border-width:1px;font-size:14px;
		  overflow:hidden;padding:10px 5px;word-break:normal;}
	.tg th{border-color:black;border-style:solid;border-width:1px;font-size:14px;
		  font-weight:normal;overflow:hidden;padding:10px 5px;word-break:normal;}
	.tg .tg-3f8i{background-color:#e5edf0;border-color:#ffffff;text-align:left;vertical-align:top}
	.tg .tg-okz1{background-color:#e5edf0;border-color:#ffffff;font-weight:bold;text-align:left;vertical-align:top}





/*-------footer------*/
footer {
	background-color: #4E544F;
	color: #FFFAEC;
	font-size: 1vw;
	width: 80%;
	height: auto;
	margin: auto;
	padding: 20px 0 ;
	}

.foot { 
	background-color: #4E544F;
  margin: 0;
  padding: 20px;
}

#footcontact a:link {
	color: #FFFAEC;
}

#footcontact a:visited {
	color: #FFFAEC;
}

#footcontact a:hover {
	color: #53EDE8;
	text-decoration: none;
}

#footcontact a:active {
	color: #FFFAEC;
} 

 #footcontact p {
	font-family: 'Montserrat', Helvetica, sans-serif;
}