/*Default | Phone Size */
	 /* Default header styles */ 
*,*:before,
*:after{
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box;
  box-sizing:border-box }

  html,body { 
    font-size:100%}

  body{
    background:#f5f5f5;
    color:#535353;
  
    padding:0;
    margin:0;
  
    font-family: 'Helvetica', 'Arial', san-serif;
    font-weight: 400;
    line-height:1;

    position:relative;}

/*TEXT & HEADERS*/
  p{ 
	   font-family: "Helvetica", "Arial", san-serif;
     font-weight: 400;
     font-size: 15px;
     line-height: 1.4;
     margin: 0px;
     text-rendering: optimizeLegibility; }

  p.contact-info{
     font-weight: 700;
     margin-top: .5em;
      font-family: "Roboto Slab", serif;}

  #about-section p {
    padding-bottom: 1em;}


  h1, h2, h3 {
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    color: #f5f5f5;
    text-rendering: optimizeLegibility;
    margin-top: 0.2em;
    margin-bottom: .05em;
    line-height: 1.2125em; }
  
  h1 {
    font-size: 2.75em;
    position: relative;
    text-align: center; 
    background-color: #f5f5f5;
    color: #c93140;
    width: 6em;
    margin: auto;
    z-index: 20;
    padding-top: 0em;}

  h2 {
    font-size: 1.75em;
    text-align: center; 
    color: #535353;
    font-weight: 700;
    margin: 1.75em 0em 1em 0em;}
  
  h3 {
    font-size: 1.125em;}

  /*Tour Text*/
  .trip-header{
    font-weight: 700;
    font-size: 1.2em;}

  .price {
    float: right;
    font-weight: 700;} 

  .date {
    font-style: oblique;
    padding: 0em 0em .75em 0em;
    color: #a7a7a7;}

  .tour-item {
    margin: 1em;}

/* a LINKS*/ 
  a {
    color: #f5f5f5;
    font-family: 'Roboto Slab', serif;
    text-decoration: none;
    line-height: inherit;
    cursor: pointer;
    font-size: 100%; }

  a:hover, a:focus {
    color: #9a6e4f;}

  a.button {
    background: #9a6e4f;
    padding: 15px 70px;
    color: white;
    border-bottom: solid 4px #895f40;}

  a.button:hover {
    background: #895f40;}

  a.not-white {
    color: #535353;
    border-style: none;
    font-family: "Roboto Slab", serif;
    font-weight: 700;}

  a.not-white:hover {
    color:#895f40;}

/*IMAGES*/
  #header-image{
    background:url('images/casinos-small.jpg') no-repeat;
        webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; 
        padding-top: 50%;}

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

  @media \0screen {
        img { 
          width: auto; /* for ie 8 */}}

  img#no-border {
    border-style: none;}
    
  img#no-border.email {
     margin-top: .25em;
     max-width: 200px;
  }

/*LISTS*/
  ul{ 
    list-style-type: none;}
  
  ul li {
    display: inline-block;}

/*STRUCTURE ROWS & COLUMNS CLEARS & DIVIDERS*/
  .row {
    width: 100%;
    margin-left:auto;
    margin-right: auto;
    margin-top: 0em;
    margin-bottom: 0;
    max-width: 62.5em;
    padding: 2em 0em;}

  .row.contact-intro {
    margin: .5em 0em 0em 0em;
    padding: 0em;}

  .row.contact-intro p {
    text-align: center;}

  .column, .columns {
    position: relative;
    width: 100%;
    padding-left: .9375em;
    padding-right: .9375em;
    float: left;}  

  .hrclear {
    clear: both;
    margin: 0px;
    padding: 0px;
    visibility: hidden;}

  .underline{
    border-bottom: 2px solid #d5d5d5;
    position: relative;
    top: -24px;
    z-index: 1;}

  .dividing-line{
    border-bottom: solid 2px #d5d5d5;
    clear: both;
    margin: 1em 0em;}

/*NAVIGATION SECTION*/
  #nav{
    width: 100%;
    height: 70px;
    background-color: #27161d;
    position: fixed;
    z-index: 999;}

  #nav ul{
    text-align: center;
    padding: 0em;
    margin: .5em 0em 0em 1em;}

  #nav ul li {
    padding-right: .75em;} 

  #nav h3 {
    text-align: center;
    position: relative;
    top: .25em;
    font-size: 150%;
    font-weight: 700;
    color: #9a6e4f;}
 
  #logo {
    padding: 1em;
    position: relative;
    float: left;
    display: none;}  

/*FOOTER*/
  #footer {
    width: 100%;
    height: 75px;
    background-color: #27161d;
    margin-bottom: 0px;}

  #footer p {
    padding: 1.5em 0em 0em 2em;
    font-size: 70%;
    color: #f5f5f5;}

  #footer-bus{
    margin-top: 100px;
    text-align: center;} 
 
/*SECTION SPECIFIC*/
  #about-section {
    padding: .5em 0em 0em 0em;}

  .center {
    text-align: center;
    margin: 1em;}

  .icon{
    text-align: center;
    padding: 1em 0em 2em 0em;
    font-weight: 700;}

  #mail {
    margin-top: 15px;}


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

/*STRUCTURE FOR TABLET/DESKTOP*/
  .large-1{
    position:relative;
    width:8.3333%}
  .large-2{
    position:relative;
    width:16.66667%}
  .large-4{
    position:relative;
    width:33.33333%}
  .large-6{
    position:relative;
    width:50%}
  .large-8{
    position:relative;
    width:66.66667%}
  .large-10{
    position:relative;
    width:83.33333%}
  .large-12{
    position:relative;
    width:100%}

  .row {
    width: 960px;
    max-width: 100%;
    min-width: 768px;
    margin: 0 auto;}

  .underline{
    top: -34px;}

/*TEXT AND HEADERS*/
  h1 {
    font-size: 3.75em;
    padding-top: .75em;} 

  h1#about {
    padding-top: .125em;}

/*LINKS a*/
  a.button {
    padding: 15px 100px;}

/*IMAGES*/
  #header-image{
    background:url('images/casinos-large.jpg') no-repeat;
        webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover; 
    padding-top: 35%; }

/*NAVIGATION*/
  #nav{
    height: 50px;}

  #nav ul{
    text-align: right;
    float: right;
    padding: 1.125em .75em 0em 0em;
    margin: 0em;}

  #nav h3 {
    float: left;
    font-size: 180%;
    left: 0em;
    top: 0.125em;
    font-weight: 700;
    letter-spacing: .02em;
    color: #f5f5f5;}

  #logo {
    padding: 1em;
    display: inherit;}  

/*SECTION SPECIFIC*/
  #about-section {
    padding: 2em 0em 0em 0em;}

  .icon{
    padding: 3em 0em 2em 0em;}

}