html {
    overflow: hidden;
}

body {
    font-family:'Trade Gothic LT W01 Roman';
    background-color: yellow;
}

.wrapper{
    
    top:0;
    
    margin-left:auto;
    margin-right:auto;
    
       
    padding:50px;
    width:880px;
    background-color: yellow;
}
.left{
    width: calc(50% - 24px);
    border-right:2px solid white;
    float: left;
    height:calc(100% - 40px);
    padding-right: 20px;
}
.right{
    float: right;
    width: calc(50% - 22px);
    height:calc(100% - 40px);
    padding-left:20px;
}
.leftRightWrapper{
    display: block;
    width:100%;
    border-top:2px solid white;
    border-bottom:2px solid white;
    height: 270px;
}
.panel{
    margin-top:20px;
    margin-bottom:20px;
    font-size:1.3em;
    font-family:'Trade Gothic LT W01 Bold';
    cursor: pointer;

}
.panel p{
    font-family:'Trade Gothic LT W01 Roman' !important;
}
/*.panel:Hover{
    color:white;
}
.panel:Hover >p{
    color:white;
}*/
.header{
    font-family:'Trade Gothic LT W01 Bold';
    font-size:2.4em;
    width:100%;
    display:block;
    margin-bottom:50px;
}
.header p{
    margin-top:0px;
    font-family:'Trade Gothic LT W01 Roman' !important;
}
p{
    
    display:block;
    clear:both;
    font-family:'Trade Gothic LT W01 Light';
    color:#000000;
    font-size:0.8em;
}
.footer{
    font-size:0.8em;
    margin-top:50px
}
.tropsim{
    display:block;
    height:65px;
    margin:0px;
    margin-top:13px;
    padding:0px;
    font-size:2em;
    vertical-align: middle;
}
.tropeLogo{
    display:block;
    height:80px;
    margin:0px;
    padding:0px;
}
a{
    
    color:#333;
}