/* Enter Your Custom CSS Here */


#credit {
float: left;
  width: 350px;
  clear: both;
  margin-left: 10%;
  color: #ffffff;
}
#credit a {
color: #cccccc;
  text-decoration: none;
}

.footer-block {
float: left;
  width: 500px;
  padding: 15px;
  color: #ffffff;
}

.footer-block h3{
 
  color: #ffffff;
  font-weight: 100;
  text-transform: uppercase;
}


.footer-block img{
 
max-width: 45%;
  float: left;
}

body {
overflow-x: hidden;
}

#logo p {
  color: #ffffff;
  text-transform: uppercase;
  text-align: center;
      margin-top: -25px;
}

footer {
  min-height: 300px;
  width: 100%;
  background-color: #38558d;
}

.vc_row {
  margin-top: 35px;
  margin-bottom: 35px;
}


h1 {
  font-weight: 100;
  color: #38558d;
  text-transform: uppercase;
  font-size: 28px;
}

h2 {
  font-weight: 100;
  color: #38558d;
  font-size: 22px;
  text-transform: uppercase;
}

#menu33 {
  width: 100%;
  text-transform: uppercase;
  background-color: #e5e6e7;
  border-bottom-style: solid;
  border-color: #38558d;
}	

nav {
  width: 570px;
  margin-right: auto;
  margin-left: auto;
}

header {
  background-color: #38558d;
  width: 100%;
}

#logo  {
  margin-right: auto;
  margin-left: auto;
  width: 350px;
  margin-bottom: 70px;
  margin-top: 35px;
  
}
#content{
  margin-right: auto;
  margin-left: auto;
  width: 1040px;
}

@media only screen and (max-width: 738px) { 
  nav {
    width: 100%;
    
  }
  h1 {
    
    font-size: 20px;
  }
  
  h2 {
    
    font-size: 16px;
    
  }
}

@media only screen and (max-width: 1040px) {
  
  #content {
    width: 96%;
  }
  
}

#slideshow{
  width: 100%;
  
  
  
}




.wrapper {
  margin-right: auto;
  margin-left: auto;
  width: 1040px;
}



@media only screen and (max-width: 400px) { 
  #logo {
    width: 80%;
    
  }
}



/*Do a media query for when screen is less that the width of the #content and set the width of content to 98% */