<style> @media screen and (min-width: 601px) { .main-banner-content.center.mt-n5.d-lg-block.custombannerhome-btn {top: 65%; left: 0; Right: 0; } .custombannerhome-btn a.btn.btn-primary {margin: 20px;} h1.custombannerhome-title { font-size: 55px; Color: white; line-height: 1; font-family: sans-serif !important; font-weight: bolder !important; } h1.custombannerhome-title2 { font-size: 12px; Color: white; line-height: 1; font-family: sans-serif !important; } h2.custombannerhome-subtitle { font-size: 12px; color: white; font-weight: normal !important; padding-left: 0 !important; /*margin-top :10px;*/ margin-bottom : 0; } p.custombannerhome-subtitle2 { font-size: 15px !important; Color: white !important; font-weight : 100 !important; } .custombannerhome-btn a.btn.btn-primary {color: #292929 !important; background-color: #fff !important; //padding:15px;} .custombannerhome-btn a.btn.btn-primary:hover { background-color: #292929 !important; color: #fff !important; } .custombannerhome-btn .button2 {color: #292929 !important; background-color: #fff !important;} .custombannerhome-btn .button2:hover { background-color: #292929 !important; color: #fff !important; } .main-banner-image-link picture::after { content: " "; background: #00000012 !important; position: absolute; width: 100%; height: 100%; display: none; top: 0; } } @media screen and (max-width: 600px) { h1.custombannerhome-title { font-size: 35px; Color : white; //background-color: #00000026; line-height: 1; font-family: sans-serif !important; font-weight: bolder !important; } h1.custombannerhome-title2 { font-size: 12px; Color : white; //background-color: #00000026; line-height: 1; font-family: sans-serif !important; } h2.custombannerhome-subtitle { font-size: 12px; color: white; font-weight: normal !important; /*margin-top :10px;*/ /*margin-bottom : 30px;*/ /*background-color: #00000026;*/ } p.custombannerhome-subtitle2 { font-size: 15px !important; Color: white !important; } .main-banner-content.center.mt-n5.d-lg-block.custombannerhome-btn { top: 75% !important; text-align: center; /*padding-left: 30px;*/ margin: 20px; !important; left: 0 !important; right: 0 !important; } .main-banner .main-banner-content-buttons { text-align: center; } .custombannerhome-btn a.btn.btn-primary {margin: 20px;} .custombannerhome-btn .btn-primary {color: #000 !important; background-color: #fff !important;} .main-banner-image-link picture::after { content: " "; background: #00000012 !important; position: absolute; width: 100%; height: 100%; display: none; top: 0; } } </style> <h2 class="custombannerhome-subtitle">LACOSTE</h2> <h1 class="custombannerhome-title">THE POLO SHOP</h1> <h2 class="custombannerhome-subtitle">Since 1933</h2>