/* #################### Font Face ######################*/
@font-face {
    font-family: 'open_sansbold';
    src: url('../fonts/opensans-bold-webfont.eot');
    src: url('../fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-bold-webfont.woff') format('woff'),
         url('../fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'open_sansregular';
    src: url('../fonts/opensans-regular-webfont.eot');
    src: url('../fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/opensans-regular-webfont.woff') format('woff'),
         url('../fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* #################### General CSS ######################*/
html, body {
  overflow: auto;
  font-size: 100%!important;
}

body {
  background-color: #fff;
  margin: 0!important;
  font-family: "open_sansregular", Arial, sans-serif;
}

.header{
  height: 72px;
  margin-top: 20px;
}

.header img{
  display: block;
  border: none;
  float: left;
  margin-right:16px; 
}

.header h2, .video h3{
  font-family: "open_sansbold", Arial, sans-serif;
  margin: 0;
}

.header h2{
  font-size: 46px;
  float: left;
  padding-top: 12px;
}

.video{
  display: block;
  margin-top: 60px;
}

.video h3{
  font-size: 20px;
  margin-bottom: 10px;
}

.video h4{
  font-size: 20px;
  margin-bottom: 10px;
}

.vidWrapper iframe{
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;         /* Opera/IE 8+ */
}

.vidWrapper{
  width: 640px;
  height: 360px;
  padding:4px;
  border:1px solid #ccc;
}

p.copy{
  font-size:16px;
}

.pd10{
    margin-bottom: 10px!important;
}

.pd20{
    margin-bottom: 20px!important;
}

.pd30{
    margin-bottom: 30px!important;
}

.pt10{
    margin-top: 10px!important;
}

.pt20{
    margin-top: 20px!important;
}

.pt30{
    margin-top: 30px!important;
}