body{font-family: 'Montserrat', sans-serif; } .wrapper{width: 1000px; margin: 0 auto; } .logo{padding: 5px 10px 5px 10px; } .banner{border: 1px solid #B3B3B3; } div.column {/* The background image must be 800px wide */  max-width: 970px; } section.fixedratio {padding-top: 52.22%;  /* 450px/800px = 0.5625 */ border: 1px solid #ccc; background-image: url(../images/tab.png); background-size: cover; -moz-background-size: cover;*/  /* Firefox 3.6 */ background-position: center;  /* Internet Explorer 7/8 */ } /*.offer{padding: 0px 30px 0px; */ } .marquee {padding-top: 5px; padding-bottom: 2px; background-color: #ffffff; color: #E06F4B; } .marquee {padding-top: 5px; padding-bottom: 2px; background-color: #ffffff; color: #E06F4B; } .offer p:first-child{padding-top: 40px; font-size: 22px; font-weight: bold; } .offer p{font-size: 16px; text-align: center; } .offer-1, .offer-2{font-weight: bold; margin-top: 25px; } .transact{text-align: center; padding-top: 80px; padding-bottom: 30px; } .transact a{font-size: 16px; padding: 15px 15px; background-color: #454443; border-color: #454443; color: #fff; border-radius: 4px; text-decoration: none; } .transact a:hover{background-color: #585858; border-color: #09273F; color: #fff; text-decoration: none; } .transact a:visited{text-decoration: none; } .offer p{font-size: 16px; } .tandc{padding-bottom: 20px; } .nav-tabs{padding-top: 60px; } .nav-tabs>li {width: 50%; text-align: center;  } .nav-tabs>li>a {margin-right: 0px; }  .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {color: #fff; cursor: default; background-color: rgb(230, 119, 84); border: 1px solid #ddd; border-bottom-color: transparent; } .tab-content{ padding-bottom: 20px; padding-top: 30px; color: #5A5A5A; } .terms{padding-left: 30px;  font-size: 12px; } .terms .head{font-size: 14px; color: #6D6D6D; font-weight: bold; padding-top: 30px; } .terms ul li{font-size: 12px; color: #6D6D6D; } .offer ul li{font-size: 14px; } footer h4{padding-top: 60px; } footer img{padding-bottom: 20px; } @media screen and (max-width: 1000px){.wrapper{width: auto; } } @media screen and (max-width: 767px){.offer{padding-left: 15px; padding-right: 15px; } .transact a{font-size: 13px; padding: 10px; } .terms{padding-left: 30px; } .nav-tabs {padding-top: 20px; } .nav-tabs>li>a{font-size: 11px; } .transact {padding-top: 40px; } .terms{font-size: 9px; padding-left: 20px; padding-right: 10px; } .tab-content{padding-bottom: 5px; padding-top: 10px; } } @media screen and (max-width: 450px){.logo{width: 80%; padding-bottom: 10px; } .offer p:first-child {padding-top: 20px; font-size: 14px; } .offer p {font-size: 11px; } .offer .terms {font-size: 10px; padding-top: 20px; } .offer ul{padding-left: 25px; } .offer ul li{font-size: 8px; } .terms .head {font-size: 10px; } .terms ul{padding-left: 25px; } .terms ul li {font-size: 8px; } footer h4 {padding-top: 20px; font-size: 14px; } footer img {padding-bottom: 10px; } } @media screen and (max-width: 320px){.nav-tabs>li>a{font-size: 8px; } }