@charset "UTF-8";
/* CSS Document */
@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,600,700';

body {font-family: 'Raleway', sans-serif;}

p {font-size:1.2em;}

#pagewrap {
	text-align:center;
	padding: 1px;
	width: 960px;
	margin: 10px auto;
}


#content {
	width: 290px;
	float: left;
	padding: 5px;
}

#middle {
	width: 290px;
	float: left;
	padding: 5px;
	margin: 0px 5px 5px 5px;
}

#sidebar {
	width: 290px;
	float: left;
	padding: 5px;
	
}


.margin {margin-top:-40px;}

.marginb {margin-bottom:-40px;}

.margin1 {margin-top:-40px;}

.margin2 {margin-top:-34px;}

.marginl {margin-left:0px;}

.marginr {margin-right:0px;}

.top {padding-top:40px;}

.span3 {width: 25%; float: left; }
.span4 {width: 30%; float: left; }
.span6 {width: 50%; float: left; }
.span9 {width: 75%; float: left; }

@media (max-width: 991px){
.span3 {width: 100%; float: left; }
.span4 {width: 100%; float: left; }
.span6 {width: 100%; float: left; }
.span9 {width: 100%; float: left; }
}

@media (max-width: 767px){
.span3 {width: 100%; float: left; }
.span4 {width: 100%; float: left; }
.span6 {width: 100%; float: left; }
.span9 {width: 100%; float: left; }
}

@media (max-width: 480px){
.span3 {width: 100%; float: left; }
.span4 {width: 100%; float: left; }
.span6 {width: 100%; float: left; }
.span9 {width: 100%; float: left; }
}
	
@media (max-width: 787px){
.span3 {width: 100%; float: left; }
.span4 {width: 100%; float: left; }
.span6 {width: 100%; float: left; }
.span9 {width: 100%; float: left; }
}


#tz-testimonial-count-wrapper {background-color:  #808080;}


.fluidcontainer {
  width: 100%;
  display: table;
}
.fluid-div {
  display: table-cell;
  width: 290px;
	padding:10px;
  
}
.marginx {
  display: table-cell;
  width: 10px;
  height: 10px;
  
}
.fixed-div {
  display: table-cell;
  width: 290px;
	padding:10px;
  
}

/* now for the mobile part */
@media only screen and (max-width: 640px) {
 .fluidcontainer, .fluidcontainer > div {
  float: left;
  display: block;
  width: 100%;
 }
}

.intrinsic-container {
  position: relative;
  height: 0;
  overflow: hidden;
}

/* 16x9 Aspect Ratio */
.intrinsic-container-16x9 {
  padding-bottom: 56.25%;
}

/* 4x3 Aspect Ratio */
.intrinsic-container-4x3 {
  padding-bottom: 75%;
}

.intrinsic-container iframe {
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}