body { max-width:100%; height:auto; margin:0 auto; } .ars-column1 { float: left; width: 33.33%; height:auto; text-align:center; } .ars-column2 { float: left; width: 33.33%; height:auto; text-align:center; } .ars-column3 { float: left; width: 33.33%; height:auto; text-align:center; } .ars-step-icons { width:40%; margin-top:25px; } h1.ars-sell-my-car{ text-align: center; font-size: 46px; color:#333333; line-height: 46px; font-family: Lato, Helvetica, sans-serif; margin-top:10px; margin-bottom:20px; } p.ars-top-copy { width:80%; margin:0 auto; font-size: 34px; line-height: 38px; color:#333333; font-family: Lato, Helvetica, sans-serif; text-align: center; padding-left:50px; padding-right:50px; } p.ars-top-copy-2 { font-size:36px; line-height:40px; width:80%; margin:0 auto; text-align:center; color:#333333; } h3.ars-more-cash { text-align:center; font-size: 26px; line-height: 30px; color:#333333; font-family: Lato, Helvetica, sans-serif; margin-top:6px; margin-bottom:-4px; padding:15px; } p.ars-vehicles-submitted { text-align: center; font-size:16px; line-height:20px; color:#333333; font-family:Lato, Helvetica, sans-serif; padding-left:40px; padding-right:40px; padding-bottom:40px; } h1.ars-more-money { font-size:24px; line-height:26px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:60px; margin-bottom:30px; } h1.ars-no-photos { font-size:24px; line-height:26px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:70px; margin-bottom:30px; } h1.ars-donate { font-size:24px; line-height:26px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:70px; margin-bottom:30px; } /* Clear floats after the columns */ .ars-row:after { content: ""; display: table; clear: both; } .ars-row{ width:70%; margin:0 auto; } .ars-row-1 { width:100%; height:auto; padding-top:30px; margin-top:20px; text-align:center; margin:0 auto; } .ars-row-2 { width:100%; height:auto; padding-top:30px; margin-top:20px; text-align:center; margin:0 auto; } .ars-row-3 { width:100%; height:auto; padding-top:30px; margin-top:20px; margin-bottom:60px !important; text-align:center; margin:0 auto; } .ars-btn-1 { width:350px; height:auto; background-color:#11B767; color:#ffffff; font-size:24px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:70px; padding-right:70px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-1:hover { width:350px; height:auto; background-color:#28cc7a; color:#ffffff; font-size:24px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:70px; padding-right:70px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-2 { width:350px; height:auto; background-color:#0A71C3; color:#ffffff; font-size:24px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:55px; padding-right:55px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-2:hover { width:350px; height:auto; background-color:#2087d6; color:#ffffff; font-size:24px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:55px; padding-right:55px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-3 { width:350px; height:auto; background-color:#FFCC1D; color:#333333; font-size:24px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:70px; padding-right:70px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-3:hover { width:350px; height:auto; background-color:#ffda6d; color:#333333; font-size:24px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:70px; padding-right:70px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } /*-------------------Media Queries------------------*/ @media screen and (max-width: 1366px) { h1.ars-sell-my-car { font-size:38px; } .ars-row { width:90%; } .ars-step-icons { width:50%; } } /*-----------Mobile (Landscape/Tablets)-------------*/ @media screen and (max-width: 1200px) { h1.ars-sell-my-car { font-size:36px; letter-spacing:1px; } .ars-row { width:100%; } .ars-step-icons { width:70%; } } @media screen and (max-width: 1024px) { h1.ars-sell-my-car { font-size:36px; letter-spacing:1px; } .ars-row { width:100%; } .ars-step-icons { width:60%; } p.ars-top-copy { width:90%; margin:0 auto; font-size: 24px; line-height: 28px; color:#333333; font-family: Lato, Helvetica, sans-serif; text-align: center; padding-left:15px; padding-right:15px; } } @media screen and (max-width: 768px) { .ars-column1 { width: 80%; height:auto; margin:0 auto; text-align:center; float:none; } .ars-column2 { width: 80%; height:auto; margin:0 auto; text-align:center; float:none; margin-bottom:-35px !important; } .ars-column3 { width:80%; height:auto; margin:0 auto; text-align:center; float:none; } h1.sell-my-car { font-size:36px !important; letter-spacing:1px; line-height:40px; } p.ars-top-copy { width:90%; margin:0 auto; font-size: 24px; line-height: 28px; color:#333333; font-family: Lato, Helvetica, sans-serif; text-align: center; padding-left:15px; padding-right:15px; } h1.ars-more-money { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } h1.ars-no-photos { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:40px; margin-bottom:25px; } h1.ars-donate { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:40px; margin-bottom:25px; } h3.ars-more-cash { width:80%; margin:0 auto; } .ars-row { } .ars-step-icons { width:40%; } /*------------------Button H1 End------------------*/ /*-------------------Buttons Start-------------------*/ .ars-btn-1 { width:100%; height:auto; background-color:#11B767; color:#ffffff; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:70px; padding-right:70px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-1:hover { width:100%; height:auto; background-color:#28cc7a; color:#ffffff; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:70px; padding-right:70px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-2 { width:100%; height:auto; background-color:#0A71C3; color:#ffffff; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:60px; padding-right:60px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-2:hover { width:100%; height:auto; background-color:#2087d6; color:#ffffff; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:60px; padding-right:60px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-3 { width:100%; height:auto; background-color:#FFCC1D; color:#333333; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:72px; padding-right:72px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-3:hover { width:100%; height:auto; background-color:#ffda6d; color:#333333; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:72px; padding-right:72px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } } /*----------Mobile (Landscape/Tablets) End------------*/ /*---------------------Mobile Devices-----------------*/ @media screen and (max-width: 600px) { .ars-column1 { width: 80% !important; height:auto; margin:0 auto; text-align:center; float:none; } .ars-column2 { width: 80% !important; height:auto; margin:0 auto; text-align:center; float:none; margin-bottom:-35px !important; } .ars-column3 { width: 80% !important; height:auto; margin:0 auto; text-align:center; float:none; } /*-------------------Top Copy H1----------------*/ h1.ars-sell-my-car{ text-align: center; font-size: 34px !important; letter-spacing:1px; color:#333333; line-height: 38px; font-family: Lato, Helvetica, sans-serif; margin-top:10px; margin-bottom:20px; } /*----------------Top Copy H1 End----------------*/ /*-------------------Top Copy--------------------*/ p.ars-top-copy { width:100%; margin:0 auto; font-size: 24px; line-height: 28px; color:#333333; font-family: Lato, Helvetica, sans-serif; text-align: center; padding-left:15px; padding-right:15px; margin-top:12px; } h3.ars-more-cash { width:90%; margin:0 auto; text-align:center; font-size: 18px; line-height: 28px; color:#333333; font-family: Lato, Helvetica, sans-serif; margin-top:10px; padding:15px; } p.ars-vehicles-submitted { width:90%; margin:0 auto; text-align: center; font-size:14px; line-height:20px; color:#333333; font-family:Lato, Helvetica, sans-serif; padding-left:30px; padding-right:30px; padding-bottom:20px; margin-top:10px; margin-bottom:35px; } /*-------------------Top Copy End--------------------*/ .ars-step-icons { max-width:70%; text-align:center; margin:0 auto; } /*-----------------Button H1's Start---------------*/ h1.ars-more-money { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } h1.ars-no-photos { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } h1.ars-donate { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } /*------------------Button H1's End------------------*/ /*-------------------Buttons Start-------------------*/ .ars-btn-1 { width:80%; height:auto; background-color:#11B767; color:#ffffff; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:50px; padding-right:50px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-1:hover { width:80%; height:auto; background-color:#28cc7a; color:#ffffff; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:50px; padding-right:50px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-2 { width:80%; height:auto; background-color:#0A71C3; color:#ffffff; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-2:hover { width:80%; height:auto; background-color:#2087d6; color:#ffffff; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-3 { width:80%; height:auto; background-color:#FFCC1D; color:#333333; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:52px; padding-right:52px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-3:hover { width:80%; height:auto; background-color:#ffda6d; color:#333333; font-size:18px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:52px; padding-right:52px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } /*-------------------Buttons End--------------------*/ .ars-row-1 { padding-top:30px; padding-bottom:30px; } .ars-row-2 { padding-top:30px; padding-bottom:30px; } .ars-row-3 { padding-top:30px; padding-bottom:30px; } } @media screen and (max-width: 568px) { .ars-row { width:100%; } .ars-step-icons:50%; } @media screen and (max-width: 414px) { .ars-row { width:100%; } .ars-step-icons { width:60%; text-align:center; margin:0 auto; } h1.ars-more-money { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } h1.ars-no-photos { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } h1.ars-donate { font-size:18px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } /*------------------Button H1's End------------------*/ /*-------------------Buttons Start-------------------*/ .ars-btn-1 { width:60%; height:auto; background-color:#11B767; color:#ffffff; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:50px; padding-right:50px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-1:hover { width:60%; height:auto; background-color:#28cc7a; color:#ffffff; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:50px; padding-right:50px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-2 { width:60%; height:auto; background-color:#0A71C3; color:#ffffff; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-2:hover { width:60%; height:auto; background-color:#2087d6; color:#ffffff; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-3 { width:60%; height:auto; background-color:#FFCC1D; color:#333333; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:52px; padding-right:52px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-3:hover { width:60%; height:auto; background-color:#ffda6d; color:#333333; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:52px; padding-right:52px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } } @media screen and (max-width: 320px) { .ars-row { width:100%; } .ars-step-icons { width:60%; text-align:center; margin:0 auto; } h1.ars-more-money { font-size:16px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } h1.ars-no-photos { font-size:16px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } h1.ars-donate { font-size:16px; line-height:28px; color:#333333; font-family:Lato, Helvetica, sans-serif; font-weight:600; margin-top:20px; margin-bottom:25px; } /*------------------Button H1's End------------------*/ /*-------------------Buttons Start-------------------*/ .ars-btn-1 { width:60%; height:auto; background-color:#11B767; color:#ffffff; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-1:hover { width:60%; height:auto; background-color:#28cc7a; color:#ffffff; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-2 { width:60%; height:auto; background-color:#0A71C3; color:#ffffff; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-2:hover { width:60%; height:auto; background-color:#2087d6; color:#ffffff; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:30px; padding-right:30px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } .ars-btn-3 { width:60%; height:auto; background-color:#FFCC1D; color:#333333; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; border-radius:10px; text-align:center; margin:0 auto; border:none; } .ars-btn-3:hover { width:60%; height:auto; background-color:#ffda6d; color:#333333; font-size:16px; font-family:Lato, Helvetica, sans-serif; font-weight:600; text-decoration:none; margin-top:20px !important; padding-top:20px; padding-bottom:20px; padding-left:40px; padding-right:40px; border-radius:10px; text-align:center; margin:0 auto; border:none; -webkit-box-shadow: 0 8px 6px -4px #d6d6d6; -moz-box-shadow: 0 8px 6px -4px #d6d6d6; box-shadow: 0 8px 6px -4px #d6d6d6; -webkit-transition-duration: 0.3s; /* Safari */ transition-duration: 0.3s; } }