/*---------------------- posts custom css ----------------------*/ #tinymce { } p, h1, h2, h3, h4, h5 { float: left; position: relative; width: 100%; } .blockfull img, .blockhalf img, .blockthird img, .blockfourth img, .blockgoldsmall img, .blockgoldbig img { max-width: 100%; height: auto; } .blockfull, .blockhalf, .blockthird, .blockfourth, .blockgoldsmall, .blockgoldbig { background-color: #cecece; border: 1px #fff solid; padding: 10px; box-sizing: border-box; } .blockfull { position:relative; width:100%; float:left; } .blockhalf { position:relative; width:50%; float:left; } .blockhalf.featured{ position: relative; width: 48%; float: left; border: 1px #000 solid; box-sizing: border-box; padding: 20px; margin: 20px 1%; } .blockthird { position:relative; width:33.33%; float:left; } .blockfourth { position:relative; width:25%; float:left; } .blockgoldbig { position:relative; width:66.66%; float:left; } .blockgoldsmall { position:relative; width:33.33%; float:left; } .blockgoldsmall.singlesidebar { position: absolute; float: right; right: 0; bottom: 0; top: 0; border-left: 1px #cacaca solid; } .blockcenter { box-sizing: border-box; padding: 0 20px; } .nbrpoint { background-color:red; width: 50px; height: 50px; display: inline-block; text-align: center; padding: 8px 0 0 0; box-sizing: border-box; border-radius: 50%; margin: 20px 0 10px; color: #fff; } a .button, .button a{ background-color: red; padding: 8px 15px; color: #fff; border-radius: 5px; margin-top: 20px; display: inline-block; text-decoration: none; } @media (max-width: 680px) { .blockthird { position:relative; width:100%; float:left; } .blockfourth { width:100%; } .blockcenter { padding: 0 0 40px; } .blockcenter.lpadding.upper { padding:30px 30px 0; } .blockhalf { width:100%; } .blockhalf.featured { width: 98%; margin: 20px 1%; } }