/* prevent horizontal scroll on mobile */
html,body {
  overflow-x: hidden;
}
body {
  position:relative;
}

@font-face {
  font-family: Vogue;
  src: url(Vogue.ttf);
}


h2 {
  font-weight: 300;
}
h3 {
  font-weight: 300;
}

.menu:link
{
  color: black;
  text-decoration: none;
}
.menu:visited
{
  color: black;
  text-decoration: none;
}
.menu:hover
{
  color: grey;
  text-decoration: none;
}

.footer
{
  max-width:2404px; 
  width:100%;
  background-color: #dcdbd9;
  padding:2rem;
  margin-top:5rem;
}

.btn-gold {
  background-color: #c1aa55;
  color: white;
}

.form-control:focus {
  border-color: #c1aa55;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px #c1aa55;
}

#wide_banner { display:none; min-width: 1600px;}
#tall_banner { display:block; height:350px; width:auto; }
#basic_logo { display:none; }
#hamburger { display:block; }
#intro_mobile { display:block; }
#intro_desktop { display:none; }
.about_desktop { display:none; }
.about_mobile { display:block; }
.table_mobile { display:table-cell; }
.table_desktop { display:none; }
.press_logo { display:none;}
#media_test { background-color: red; color: white; font-size:xx-large;}
.services_before { display:block; }
.services_after { display:block; }
.services_wide { display:none; }
.services_image
{
  width:auto;
  height:auto;
}
.services_banner
{
  position:relative;
  width:917px;
  height:400px;
  left:50%;
  margin-left:-458px;
}
.testimonials_banner
{
  position: relative;
  width:917px;
  height:auto;
  left:50%;
  margin-left:-458px;
}
.testimonial_left { display:block; }
.testimonial_right 
{ 
  display:none; 
  text-align:center;
}
.testimonial_image
{
  text-align: center;
}
.testimonial_row
{
  align-items: center;
}
.testimonial_text
{
  padding-left: 3rem;
  padding-right: 3rem;
  padding-top: 1rem;
}
.about_text
{
  width:450px;
}
.about_box
{
  top:50%;
  transform:translateY(-50%);
  width:800px;
  background-color: #dcdbd9;
}

/* IMAGE CYCLING STUFF */
/*
#slideshow {
  position:relative;
  max-width: 300px;
  height: 300px;
  margin: 0 auto;
}
#slideshow table {
  position:absolute;
  top:0;
  left:0;
  z-index: 8;
  opacity: 0.0;
  display:none;
  filter:alpha(opacity=0);
}
#slideshow table.active {
  z-index: 10;
  opacity: 1.0;
  display:inline-block;
  filter:alpha(opacity=100);
}
#slideshow table.last-active {
  z-index: 9;
  display:none;
}
*/

@media (min-width: 576px)
{
  #media_test { background-color: orange; }
  #tall_banner { display:block; height:400px; width:auto; }
  .services_banner
  {
    width:1146px;
    height:500px;
    margin-left:-573px;
  }  
  .testimonials_banner
  {
    width:1146px;
    margin-left:-573px;
  }
}
@media (min-width: 768px)
{
  #media_test { background-color: green; }

  #tall_banner { height:450px;}

  #basic_logo { display:block; }
  #hamburger { display:none; }

  #intro_mobile { display:none; }
  #intro_desktop { display:block; }

  .services_banner
  {
    width:1376px;
    height:auto;
    margin-left:-688px;
  }  
  .testimonials_banner
  {
    width:1376px;
    margin-left:-688px;
  }
    .services_image
  {
    width:350px;
    height:auto;
  }  
  .services_before { display:none; }
  .services_after { display:none; }
  .services_wide { display:block; }
  .testimonial_left { display:none; }
  .testimonial_right { display:block; }
  .testimonial_text
  {
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0;
  }
  .press_logo { display:block;}
  .about_text
  {
    width:350px;
  }
}
@media (min-width: 992px)
{
  #wide_banner { display:block; }
  #tall_banner { display:none; }
  #media_test { background-color: blue; }
  .about_desktop { display:block; }
  .about_mobile { display:none; }
  .table_mobile { display:none; }
  .table_desktop { display:none; }
  
  .services_image
  {
    width:auto;
    height:auto;
  }  

}
@media (min-width: 1200px)
{
  #wide_banner 
  { 
    margin-left: auto;
    margin-right: auto;
  }
  #media_test { background-color: purple; }
  .about_text
  {
    width:450px;
  }
}

