@import url(https://fonts.googleapis.com/css?family=Raleway);

body
{
    margin:0%;
	background: url(home-main2.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  color: #FFFFFF;
 font-family: 'Raleway', sans-serif;
  
}



p { color: #FFFFFF; }

a {text-decoration: none;}

a:link {color: #FFFFFF;}
a:active {color: #FFFFFF;}
a:visited {color: #FFFFFF;}
a:hover {color: #FFFFFF;}

.content
{
    position:absolute;
    left:0%;
    top:0%;
    margin:0%;
    height:470px;
    width:100%;
    overflow:auto;
   background-color: rgba(0, 0, 0, 0.3);
    z-index:2;
	text-align:center;
}


img {
    max-width: 100%;
    height: auto;
}





.bg
{
    position:fixed;
    top:0%;
    left:0%;
    height:100%;
    width:100%;
    margin:0%;
    z-index:0;
}

.bg1
{
    margin:0%;
    background: url("interpretive-design.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;
}

.bg2
{
    
	margin:0%;
    background: url("tourism-development.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}


.bg3
{
    
	margin:0%;
    background: url("keynotes.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}


.bg4
{
    
	margin:0%;
    background: url("media-relations.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}


.bg5
{
    
	margin:0%;
    background: url("custom-experiences.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}


.bg6
{
    
	margin:0%;
    background: url("about.jpg") no-repeat center center fixed; 
  	-webkit-background-size: cover;
  	-moz-background-size: cover;
  	-o-background-size: cover;
  	background-size: cover;

}


.hide{display:none;}


.secondnature {
	margin-top: 100px;
	text-align: center;
	padding: 20px;
	}
	
	
.icon-bar {background-color: rgba(0, 0, 0, 0.5);}	
	
	
	

	
	
	
/* Smartphones */
@media (max-width: 480px) {
.leftcolumn {float: left; width: 50%;}
.rightcolumn {float: right; width: 50%;}  


.secondnature {
	margin-top: 0px;
	text-align: center;
	padding: 20px;
	}

}

     
/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) {
.leftcolumn {float: left; width: 100%;}
.rightcolumn {float: right; width: 100%;} 



}
     
/* Tablets */
@media (min-width: 768px) and (max-width: 959px) {

.leftcolumn {float: left; width: 49%; padding-right:2%;}
.rightcolumn {float: right; width: 49%;}
 
.menu-item-1 {
	display: inline-block;
	}
	
.menu-item-2 {
	display: inline-block;
	}	
	
.menu-item-3 {
	display: inline-block;
	}		 
 
.menu-item-4 {
	display: inline-block;
	}
	
.menu-item-5 {
	display: inline-block;
	}	
	
.menu-item-6 {
	display: inline-block;
	} 
 
.icon {padding: 10px;} 
 
}


/* Desktop */
@media (min-width: 960px) and (max-width: 1199px) {

.leftcolumn {float: left; width: 49%; padding-right:2%;}
.rightcolumn {float: right; width: 49%;} 

.menu-item-1 {
	display: inline-block;
	}
	
.menu-item-2 {
	display: inline-block;
	}	

.menu-item-3 {
	display: inline-block;
	}	
 
.menu-item-4 {
	display: inline-block;
	}
	
.menu-item-5 {
	display: inline-block;
	}	
	
.menu-item-6 {
	display: inline-block;
	}  
	
.icon {padding: 20px;}	

p {font-size: 14pt;}
 
}
     
/* Large Display */
@media (min-width: 1200px) {
 
.leftcolumn {float: left; width: 49%; padding-right:2%;}
.rightcolumn {float: right; width: 49%;} 


.menu-item-1 {
	display: inline-block;
	}
	
.menu-item-2 {
	display: inline-block;
	}	

.menu-item-3 {
	display: inline-block;
	}	
 
.menu-item-4 {
	display: inline-block;
	}
	
.menu-item-5 {
	display: inline-block;
	}	
	
.menu-item-6 {
	display: block;
	}	
	
.icon {padding: 20px; vertical-align:top;}

p {font-size: 15pt;}
 
}