.cf:before,
.cf:after {content: " "; /* 1 */display: table; /* 2 */}
.cf:after {clear: both;}
/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {*zoom: 1;}
.wrapper {width: 100%;max-width: 1320px;margin-right: auto;margin-left: auto;margin-top: 60px;margin-bottom: 50px;}
.content {padding: 0 40px;width: 980px;}
.content h1 {margin-top: 0;}
.content p,.sidebar p{font-family: "tahoma";text-align:justify;font-size:18px;line-height:1.5;}
.sidebar {padding: 0;width: 300px;height:600px;background: url(../img/latweb.jpg);}
.sidebar h3 {margin: 0;}
.content,.sidebar {float: left;}
/* The sticky */
.sidebar {position: -webkit-sticky;position: sticky;top: 200px;}
@media screen and (max-width: 1300px) {.sidebar {display: none;}.content {width:100%;padding: 0 20px;}}