@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap');
@import "reset.css";
@import "landing-page/header.css";
@import "landing-page/top-jumbo.css";
@import "landing-page/design-by.css";
@import "landing-page/color-collection.css";
@import "landing-page/blue-print.css";
@import "landing-page/latest.css";
@import "landing-page/footer.css";

:root {
    --orange: #fea83b;
    --light-blue: #6066f2;
    --purple: #b286f8;
    --blue: #4c44c1;
    --light-purple: #e6cdf9;
}
.container {
    max-width: 1400px;
    margin: 0 auto;
    padding: 0 20px;
}
.container-fluid {
    margin: 0 5%;
    padding: 0 20px; 
}

/* Laptops */
@media only screen and (max-width: 1215px) {
  
}
/* Tablets */
@media only screen and (max-width: 1023px) {
   
}
/* Mobile devices*/
@media only screen and (max-width: 767px) {
   
}