@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css');
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=DM+Serif+Text:ital@0;1&display=swap');
/* font-family:"FontAwesome";
font-family: "DM Sans", sans-serif;
font-family: "DM Serif Text", serif; */

:root{
   --fontAwesome: 'FontAwesome';
   --para: "DM Sans", sans-serif;
   --heading: "DM Serif Text", serif;
   --white: #fff;
   --offwhite: #f1f1f2;
   --black: #1b1b1b;
   --offblack: #343434;
   --orange: #ff7739;
   --orange_light: #F6D7B1;
   --effect: all ease-in-out 350ms;
}


/*@media only screen and (max-width: 600px) {...}
@media only screen and (min-width: 600px) {...}
@media only screen and (min-width: 768px) {...}
@media only screen and (min-width: 992px) {...}
@media only screen and (min-width: 1200px) {...}*/

@media only screen and (max-width: 500px){
   h3{ font-size: 32px; }
   section:not(:last-child){ margin-bottom: 40px; }
   .banner_form{ position: relative; padding: 10px; bottom: -20px; background-color: var(--black); }
   .cfb_head{ flex-direction: column; }
   .map_contact > div:nth-child(1){ position: relative; top: 50%; transform: translateY(0%); width: 100%; z-index: -1; }
   .map_contact iframe{ margin-top: 20px; }
   .map_contact > div:nth-child(2) h3{ margin-top: 10px!important; }
   .map_contact > div:nth-child(2){ padding: 20px!important; }
   .home footer { margin-top: 40px; }
   footer { margin-top: 20px; text-align: center; }
@media (max-width: 767px) {}
@media only screen and (min-device-width: 601px) and (max-device-width: 767px) {}
@media only screen and (min-device-width: 769px) and (max-device-width: 991px) {}
@media only screen and (min-device-width: 992px) and (max-device-width: 1200px) {}
@media only screen and (min-device-width: 1201px) and (max-device-width: 1399px) {}


/* ================================
   DESKTOP ACCO SERVICES (992px and up)
================================ */
@media (min-width: 992px) {}


/* ================================
   MOBILE & TABLET FALLBACK (below 992px)
================================ */
@media (max-width: 991px) {}