@font-face {
  font-family: PROXIMANOVA-REGULAR;
src: url('font/PROXIMANOVA-REGULAR.OTF'),url('font/PROXIMANOVA-REGULAR.ttf'),url('font/ProximaNova-Regular.eot'),url('font/ProximaNova-Regular.woff2'),url('font/ProximaNova-Regular.woff');
}

#iframe-container{
  position: relative;
  margin-top: 72px;
  width: 100%;
  z-index:1;
padding-bottom: 528.5px;
padding-top: 1px;
height: 0;
}
#iframe-container.iframe-padding{
padding-bottom: 528.5px;
}
#myIframe{
  position: absolute;
  margin-top: 30px;
  border: none;
  z-index: 1;
top: 0;
left: 0;
bottom:0;
right:0;
max-width:970px;
margin:0 auto;
width: 100%;
height: 100%;
overflow:scroll;
}
.topbar{
border-radius:0px;
height: 70px;
  background-color: #353535;
  z-index: 2;
}
#defaultcontainer{
  z-index: 0;
  position: relative;
  background-position: center !important;
  margin-top: 11px !important;
  width: 52%;
  margin: 0 auto !important;
  left:0;
  top:0;
  bottom:0;
  right:0;
}
.iframe_div{
z-index:1;
background-color:white;
position: relative;
  height: 700px;
  margin-top: 44px;
  width: 100%;
box-shadow: 1px 1px 3px 0px #737373;
-moz-box-shadow: 1px 1px 3px 0px #737373;
-o-box-shadow: 1px 1px 3px 0px #737373;
-ms-box-shadow: 1px 1px 3px 0px #737373;
-webkit-box-shadow: 1px 1px 3px 0px #737373;
}

#modal-view{
width: 100%;
height: 133.5%;
background-color: #000000;
position: fixed;
top: 0px;
left: 0px;
opacity: 0.6;
display:none;
  z-index:9;

}
.backImg{
position: absolute;
top: -70px;
width: 490px;
}
.footerContainer {
width:100%;
height:300px;
}
#footer1{
width: 100%;
height: 54px;
position:absolute;
background-color:#F0F0F0;
left: 0px;
  bottom: 0px;
  right: 0;
  margin: 0px auto -340px auto;

}
#logo{
  background-image: url(images/MHE-red-pos-rgb-300ppi.png);
  position: absolute;
  width: 53px;
  height: 53px;
  background-size: 100% 100%;
  background-repeat: no-repeat;
  top: 2px;
  left: 15px;
}
#anchor1{
cursor:pointer !important;
color:black !important;
text-decoration:underline !important;
}
#anchor2{
cursor:pointer !important;
color:black !important;
text-decoration:underline !important;
}
#anchor3{
cursor:pointer !important;
color:black !important;
text-decoration:underline !important;
}
#content{
width: 590px;
position: relative;
float: right;
line-height: 56px;
z-index:99;
font-family: PROXIMANOVA-REGULAR !important;
font-size:12px;
}
a{
color:black !important;
}
@media only screen and (max-width: 1015px) and (min-width: 969px){
.backImg{
top: -70px;
width: 470px;
}
}


@media only screen and (max-width: 990px) and (min-width: 450px){
#iframe-container{
padding-bottom: 56.5%; /* 16:9 */
}
}
@media only screen and (max-width: 969px) and (min-width: 765px){

.backImg{
top: -70px;
width: 370px;
}
}
@media only screen and (max-width: 765px) and (min-width: 599px){

.backImg{
top: -70px;
width: 280px;
}
}
@media only screen and (max-width: 1024px) and (min-width: 930px){
#modal-view{
height: 133.5%;
}
}
@media only screen and (max-width: 930px) and (min-width: 769px){
#modal-view{
height: 136.4%;
}
}

@media only screen and (max-width: 769px) and (min-width: 599px){
#modal-view{
height: 139.3%;
}
}
@media only screen and (max-width: 599px) and (min-width: 450px){
.backImg{
top: -70px;
width: 220px;
}
}