CSS FIX

header{ text-align: center; background-color: #bce0fb; } .home-img{ height: 320px; width:900px; padding: 30px; border-radius: 20px; } .container { margin-right: auto; margin-left: auto; padding-left: 15px; padding-right: 15px; } footer{ background: #80b0e7; color: #fff; height: 160px; width:100%; position:relative; left:-10px; bottom:0px; } .main-nav{ list-style: none; text-align: left; background-color: #80b0e7; font-weight: bold; height: 200px; border-radius: 5px; } .main-nav li{ padding-top: 10px; border-bottom: 1px solid #fff; } .main-nav a { color:#fff; font-size: 18px; text-decoration: none; } .main-nav li:before{ content: '|'; } .main-nav a:hover { color:#fff; background-color: blue; } .main-nav a:visited{ color:#000; } html{ height:100%; } body{ background-attachment: fixed; background-size: cover; width: 100%; height: 100%; z-index: 8; background-image: url(../image/beach.jpg); font-family: Arial; } .holder{ min-height: 100%; position: relative; margin: 50px auto 0; padding: 30px; } section{ opacity:0.9; background-color:#fff; border-radius: 15px; border:1px solid #b2b2b2; overflow: hidden; } .row { margin-left: -15px; margin-right: -15px; } .content{ width:900px; margin: auto; } .column1{ float: left; padding-left: -10px; margin-left: -80px; width: 180px; padding-right: 30px; } .column2{ float: left; margin: 10px; padding:20px; width: 250px; width: 280px; margin: right:20px; position: relative; border:1px solid #bed2e1; border-radius: 7px; } .column3{ float:right; margin: 10px; padding: 20px; width: 350px; border:1px solid #bed2e1; border-radius: 7px; } img{ border-radius: 10px; height: 220px; width:280px; } .credit-img{ height: 40px; width:40px; } .links{ border:1px solid #2e2e2e; background-color: #000db9; text-decoration: none; text-align: center; padding: 5px; color:#fff; font-weight: bold; border-radius: 3px; }