/*
Theme Name:   tritzali
Description:  Official theme - Tritzali
Author:       hiremycode
Author URL:   https://www.hiremycode.com
Template:     technico
Version:      0.044481
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  tritzali
*/

:root {		
	--black-color: #1D1D1B;
	--brand-color: #223d4d;
	--orange-color: #f47f31;
}

html {overflow-x: hidden}
body {font-family: "Geologica"; font-weight: 200 !important; overflow-x: hidden}
.dark-column p, .dark-column em {color: #ffffff}
.entry-content {font-family: "Geologica"; font-weight: 200 !important;}

h1,h2,h3,h4,h5,h6 {font-family: "Geologica"; font-weight: 400 !important; letter-spacing: 0.5px; color: var(--brand-color)}
.dark-column h1, .dark-column h2, .dark-column h3, .dark-column h4, .dark-column h5, .dark-column h6 {color: var(--orange-color)}

strong {font-family: "Geologica"; font-weight: 600 !important;}

blockquote {padding-left: 40px !important}
blockquote:before {color: var(--orange-color) !important; font-family: sans-serif !important; left: -15px !important}

.widget {margin-bottom: 0px !important; }
.widget ul li {margin-bottom: 20px; font-family: "Geologica"; font-weight: 600 !important; font-size: 19px; line-height: 25px}
.widget ul li:last-child {margin-bottom: 0px !important}
.post-date {color: #666666; opacity: 1 !important; font-size: 15px !important; font-family: "Geologica"; font-weight: 400 !important;}

.wpb_widgetised_column {margin-bottom: 0px !important}

.vc_btn3 {font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 1px; padding: 8px 30px !important; font-size: 15px !important;}
.btn {font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 1px; padding: 8px 30px !important; font-size: 15px !important; border: 2px solid var(--brand-color); background: transparent !important; height: auto !important; margin-top: 15px}
.btn:hover {background: var(--brand-color) !important; color: var(--orange-color) !important;}

.backtohome {display: none; position: relative; float: right; }
.backtohome a {position: relative; color: var(--dark-color); padding-left: 60px}
.backtohome a:before {position: absolute !important; content: "" !important; display: block !important; left: 0px; top: -12px; width: 40px; height: 40px; background: url(img/arrow-left.png); background-size: cover; background-position: center center; background-repeat: no-repeat }
.backtohome a:hover {color: #ffffff;}

.backtoblog {display: none; position: relative; float: right; }
.backtoblog a {position: relative; color: var(--dark-color); padding-left: 60px}
.backtoblog a:before {position: absolute !important; content: "" !important; display: block !important; left: 0px; top: -12px; width: 40px; height: 40px; background: url(img/arrow-left.png); background-size: cover; background-position: center center; background-repeat: no-repeat }
.backtoblog a:hover {color: #ffffff;}

.custom-logo-link {margin-bottom: 0px !important}
.header img.custom-logo {width: 100px !important}

.main {padding-top: 0px; padding-bottom: 0px}

header {position: absolute; width: 100%; background: transparent; z-index: 100; left: 0px; top: 0px}


/*HERO SECTION*/
.hero {background: transparent; height: 100vh; position: relative; }

.hero:before {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: var(--brand-color); left: 0px; top: 0px; border: 8px solid var(--orange-color); z-index: -1;}
.hero:after {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; left: 50%; top: 0px; border: 8px solid var(--orange-color); z-index: -1; background: url(img/tmaccounting-back.jpg); background-size: cover; background-position: center center}

.hero-left-column {background: var(--brand-color); padding: 60px 40px 60px 0px !important; border-top: 8px solid var(--orange-color); border-bottom: 8px solid var(--orange-color); }
.hero-right-column {background: transparent; padding: 0px !important; border-top: 8px solid var(--orange-color); }

.pen {position: absolute; bottom: 58px !important}
.espa {position: absolute; bottom: 10px !important; left: 0px !important; border-left: 8px solid var(--orange-color)}

/*TITLES*/
.hero-title {font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 0.5px; font-size: 62px; line-height: 72px; margin-bottom: 10px !important; margin-top: 160px !important}
.hero-subtitle {font-family: "Geologica"; font-weight: 600 !important; margin-top: 0px !important; font-size: 26px;}

.section-title {font-family: "Geologica"; font-weight: 700 !important; font-size: 36px; margin-top: 0px !important; margin-bottom: 20px !important}


.useful-links-title {margin-top: 60px !important}





.mast-head-wrap {padding: 25px 10px}

.firstcol {padding-left: 0px !important; padding-right: 0px !important; }
.thirdcol {text-align: right; font-family: "Geologica"; font-weight: 400 !important; font-size: 15px; letter-spacing: 0.5px; }
.findus {}
.findus a {color: var(--brand-color) !important; border-bottom: 3px solid var(--brand-color); padding-bottom: 5px; display: inline-block; line-height: 22px !important}
.findus a:hover {color: #ffffff !important; border-bottom: 3px solid #ffffff}

.social-icon {background: var(--brand-color) !important; border: 0px !important; border-radius: 100%; padding: 10px; height: 42px !important; width: 42px !important;}
.social-icon .fa {font-size: 22px !important; color: var(--orange-color) !important}
.social-icon:hover {background: var(--orange-color) !important; color: var(--brand-color) !important;}
.social-icon:hover .fa {color: var(--brand-color) !important}

.navigation {text-align: center}
.nav li a {font-family: "Geologica"; font-weight: 400 !important;font-size: 15px; letter-spacing: 0.5px; margin-left: 15px; margin-right: 15px; padding-bottom: 5px; border-bottom: 3px solid transparent !important; transition: none !important; text-transform: none; line-height: 22px; color: #ffffff !important}
.nav li.current-menu-item a {color: var(--orange-color) !important; border-bottom: 3px solid var(--orange-color) !important;}
.nav li:hover a {color: var(--orange-color) !important; border-bottom: 3px solid var(--orange-color) !important; transition: none !important}

/*ABOUT*/
.about-section {position: relative; padding: 0px 0px;  }
.about-section:before {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: #ffffff; left: 0px; top: 0px; z-index: -1}
.about-section:after {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: var(--brand-color); left: 50%; top: 0px; z-index: -1}

.about-left-column {background: #ffffff; padding: 80px 40px 80px 0px !important;}
.about-right-column {background: var(--brand-color); padding: 80px 0px 80px 20px !important; border-left: 8px solid var(--orange-color); }




/*SERVICES*/
.grey-section {background: #f5f5f5;}
.grey-section.first {padding: 80px 0px 80px 0px}
.grey-section.second {padding: 40px 0px 80px 0px}

.service-blocks {margin-top: 40px}

.service-block {margin-bottom: 18px !important; font-family: "Geologica"; font-weight: 200 !important; position: relative; padding-left: 25px; line-height: 21px}
.service-block:before {content: ""; position: absolute; display: block; width: 5px; height: 5px; background: var(--brand-color); left: 0px; top: 7px}
.service-block a:hover {color: var(--brand-color) !important;}



/*NEWS*/
.news-section {position: relative; padding: 0px 0px;  }

.news-section:before {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: var(--brand-color); left: 0px; top: 0px; z-index: -1}
.news-section:after {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: #ffffff; left: 50%; top: 0px; z-index: -1}


.news-left-column {background: var(--brand-color); padding: 80px 40px 80px 0px !important; border-right: 8px solid var(--orange-color);}
.news-right-column {background: #ffffff; padding: 80px 0px 80px 40px !important;  }
.news-right-column h3 {display: none}


/*CONTACT*/

#map {width: 100%; height: 600px}
.info_content h2 {margin-top: 3px; color: var(--dark-color); font-size: 32px; text-align: center; font-family: "Geologica";}
.info_content p {margin-bottom: 10px; font-size: 14px; text-align: center; font-family: "Geologica";}
.gm-style .gm-style-iw button {top: 0px !important; right: 0px !important}
.gm-style-iw-chr {display: none !important}
.gm-style .gm-style-iw-c {border-radius: 0px !important; box-shadow: none !important; padding: 20px !important}
.gm-style .gm-style-iw-d {overflow: hidden !important}


.contact-section {position: relative; padding: 0px 0px;  }

.contact-section:before {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: #ffffff; left: 0px; top: 0px; z-index: -1}
.contact-section:after {content: "" !important; position: absolute !important; display: block !important; width: 50%; height: 100%; background: var(--brand-color); left: 50%; top: 0px; z-index: -1}


.contact-left-column {background: #ffffff; padding: 80px 40px 60px 0px !important;}
.contact-right-column {background: var(--brand-color); padding: 80px 0px 80px 40px !important; border-left: 8px solid var(--orange-color); }


/*** CONTACT ***/
.wpcf7-form label {color: var(--black-color); font-family: "Geologica"; font-weight: 400 !important; text-transform: none; letter-spacing: 0.5px; font-size: 15px}
.wpcf7-form .row {margin-bottom: 25px;}
.wpcf7-text {border:0px; border-bottom: 3px solid var(--brand-color); padding: 8px 10px; color: var(--black-color);margin-top: 8px; height: 34px; background: rgba(245,245,245, 0.5); font-family: "Geologica"; font-weight: 200 !important; }
.wpcf7-quiz {border:0px; border-bottom: 3px solid var(--brand-color); padding: 8px 10px; color: var(--black-color);margin-top: 8px; height: 34px; background: rgba(245,245,245, 0.5); font-family: "Geologica"; font-weight: 200 !important; }
.wpcf7-textarea {border:0px; border-bottom: 3px solid var(--brand-color); padding: 8px 10px; color: var(--black-color);margin-top: 8px; min-height: 50px; height: 100px; background: rgba(245,245,245, 0.5); font-family: "Geologica"; font-weight: 200 !important; resize: vertical}
.wpcf7-text:hover,.wpcf7-text:focus, .wpcf7-textarea:hover, .wpcf7-textarea:focus, .wpcf7-select:hover,.wpcf7-select:focus  {border-color: var(--orange-color)}

/* form buttons */
.wpcf7-submit {padding-left: 40px !important; padding-right: 40px !important; font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 0.5px; font-size: 14px !important; background: transparent !important; color: var(--brand-color) !important; border: 2px solid var(--brand-color) !important; margin-top: 30px !important; height: auto !important}
.wpcf7-submit:hover {color: var(--orange-color) !important; background: var(--brand-color) !important;}

/* form quiz */
.wpcf7-list-item {margin-left: 0px !important; margin-top: -2px !important;width: 100%}
.wpcf7-list-item a {font-family: "Geologica"; font-weight: 400 !important; color: var(--black-color) !important}
.wpcf7-list-item label {font-size: 14px; font-family: "Geologica"; font-weight: 200 !important;}

.forconsent span {display: inline-block; float: left}
.forconsent label {display: inline-block; padding-left: 12px; float: left}
.forconsent a {font-family: "Geologica"; font-weight: 400 !important; color: var(--black-color) !important}


/* form responses */
.wpcf7-response-output {text-align: center; font-size: 14px !important; font-family: "Geologica"; font-weight: 400 !important; margin-left: 0px !important; margin-right: 0px !important;}
.wpcf7-validation-errors {background: #cc0000 !important; border-color: #cc0000 !important; color: #ffffff !important} 
.wpcf7-mail-sent-ok {background: #2fb390 !important; border-color: #2fb390 !important; color: #ffffff !important} 


.contactul {list-style-type: none; padding-left: 0px; font-family: "Geologica"; font-weight: 400 !important;}
.contactul li {margin-bottom: 5px; color: #ffffff}
.contactul .fa {color: var(--orange-color);}
.contactul .fa-map-marker {font-size: 19px; padding-left: 3px; margin-right: 15px}
.contactul .fa-map {font-size: 17px; margin-right: 12px; }
.contactul .fa-phone {font-size: 19px; margin-right: 13px; position: relative; top: 2px}
.contactul .fa-envelope {font-size: 17px; margin-right: 12px; padding-left: 0px;position: relative; top: 1px}



/*INSIDE PAGE*/

.page-hero {padding-top: 240px; padding-bottom: 40px; background: var(--brand-color) !important; border: 8px solid var(--orange-color); margin-bottom: 60px; position: relative}
.page-hero:after {width: 40%; height: 100%; left: 60%; top: 0px; position: absolute !important; content: "" !important; display: block !important; background: url(img/tmaccounting-back.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat}


.page-title {font-size: 52px; line-height: 62px; font-family: "Geologica"; font-weight: 700 !important; letter-spacing: 0.5px; text-align: left; color: var(--orange-color) !important}
.page-subtitle {font-family: "Geologica"; font-weight: 600 !important; margin-top: 10px !important; font-size: 22px; color: #ffffff !important}




.page-template-template-insidepage .main, .blog .main, .error404 .main {padding-bottom: 40px}
.page-template-template-insidepage .backtohome, .blog .backtohome, .error404 .backtohome{display: block}
.page-template-template-insidepage .findus, .blog .findus, .error404 .findus {display: none}
.page-template-template-insidepage .nav, .blog .nav, .error404 .nav {display: none}
.page-template-template-insidepage .mobile-menu-trigger, .blog .mobile-menu-trigger, .error404 .mobile-menu-trigger {display: none}

.page-template-template-insidepage .entry-content a, .blog .entry-content a {font-family: "Geologica"; font-weight: 400 !important; color: var(--brand-color); border-bottom: 0px !important}
.single-post .entry-content a.vc_btn3 {border-bottom: 2px solid var(--black-color) !important}


/*.post {padding-left: 85px; position: relative}
.post:before {content: "\f1ea"; font-family: fontawesome; position: absolute; left: 0px; top: -8px; font-size: 46px;}*/

.entry-title {font-family: "Geologica"; font-weight: 600 !important}
.entry-meta:after {height: 3px; width: 45px}
.entry-time {letter-spacing: 0.5px}
.entry-tags {border-top: 0px}

.single-post .main {padding-bottom: 40px}
.single-post .backtoblog {display: block}
.single-post .findus {display: none}
.single-post .nav {display: none}
.single-post .mobile-menu-trigger {display: none}
.single-post .entry-content a {font-family: "Geologica"; font-weight: 400 !important; color: var(--brand-color); border-bottom: 0px !important}


/*404*/
.error404 .error-hero {display: block; height: 100vh; text-align: center;background: var(--brand-color)}
.error404 .error-title {font-family: "Geologica"; font-weight: 400 !important; font-size: 22px;color: var(--black-color); width: 240px; height: 150px; position: absolute; left: 50%; top: 50vh; margin-left: -120px; margin-top: -75px;}

.error404 .error-title:before {content: "404"; display: block;font-family: "Geologica"; font-weight: 700 !important; font-size: 100px; color: var(--black-color); margin-bottom: 20px; line-height: 100px}


/*FOOTER*/
.footer {background: var(--brand-color) !important; border-top: 8px solid var(--orange-color)}
.footer-main {padding: 0px}
.footer-copy {border-top: 0px; padding: 20px 0px; font-family: "Geologica"; font-weight: 400 !important; font-size: 13px; letter-spacing: 0.5px; background: var(--brand-color);}





@media screen and (max-width: 1300px) {
	
	
	#map {height: 500px}
	
	
}


@media screen and (max-width: 1199px) {


.hero-title {font-size: 56px; line-height: 66px}
.page-title {font-size: 46px; line-height: 56px}
.page-subtitle {margin-top: 5px !important}

.section-title {font-size: 34px}

.entry-title {font-size: 28px}

.forconsent label {padding-left: 25px; margin-top: -19px}

.pen {bottom: 48px}

}


@media screen and (max-width: 991px) {

.findus {display: none}

.entry-content {font-size: 14px !important; line-height: 1.4 !important}

.hero-title {font-size: 42px; line-height: 52px; margin-bottom: 6px !important}
.hero-subtitle {font-size: 24px}

.page-hero {padding-top: 200px}
.page-hero:after {width: 30%; left: 70%}

.page-title {font-size: 36px; line-height: 46px}
.page-subtitle {font-size: 20px}
.section-title {font-size: 27px; }
.entry-title {font-size: 27px; }

.about-left-column {padding: 60px 15px 60px 0px !important}
.about-right-column {padding: 60px 0px 60px 15px !important}

.news-left-column {padding: 60px 15px 60px 0px !important}
.news-right-column {padding: 60px 0px 60px 35px !important}
.widget ul li {font-size: 18px; line-height: 24px}

.contact-left-column {padding: 60px 35px 40px 0px !important}
.contact-left-column .row {margin-bottom: 18px}
.contact-left-column .row .col-lg-6:first-child {margin-bottom: 18px !important}
.contact-right-column {padding: 60px 0px 60px 15px !important}

.contactul {font-size: 14px}
.contactul .fa-map-marker {margin-right: 7px}
.contactul .fa-map {margin-right: 5px; }
.contactul .fa-phone {margin-right: 5px;}
.contactul .fa-envelope {margin-right: 5px;}

.service-block {line-height: 19px; padding-left: 20px}


/*MENU*/
#mobilemenu {display: block;text-align: center; color: var(--black-color); z-index: 600; height: 100% !important; background: transparent;font-family: "Geologica"; font-weight: 400 !important;}

.mobile-menu-trigger {height: 40px}

.mm-opened #mobilemenu {background: var(--brand-color); border: 8px solid var(--orange-color) !important;}
.mm-menu.mm-top {max-height: 100%}
.mm-navbar {background: transparent !important; border-bottom: 0px !important; }
.mm-navbar .mm-title {display: none}
.mm-close {top: 0px !important; right: 10px !important; width: 65px !important; color: #ffffff !important}

.mm-close::after {content: ""; width: 30px; height: 30px; background: url(img/close-icon.png); background-size: cover; background-position: center center; display: block; margin-left: 12px; margin-top: 5px}
.mm-panels {background: transparent}
.mm-listview {height: 90%;display: flex; flex-direction: column; justify-content: center; align-items: center;}

.mm-listview > li > a, .mm-listview > li > span {white-space: initial}
.mm-listview li a {font-size: 22px; line-height: 25px; font-weight: 400; padding: 0px;color: #ffffff !important; letter-spacing: 0.5px;margin-bottom: 12px}
.mm-listview li.current-menu-item a {color: var(--orange-color) !important;}
.mm-listview li a:hover {color: var(--orange-color) !important}




.mm-listview li a:active {background: transparent !important}
.mm-listview li a:focus {background: transparent !important}
.mm-listview > li:not(.mm-divider)::after {content: none}

.mm-menu .mm-listview > li a:not(.mm-next) {-webkit-tap-highlight-color: transparent; tap-highlight-color: transparent;}
.mm-menu .mm-listview > li.mm-selected > a:not(.mm-next), .mm-menu .mm-listview > li.mm-selected > span {background: transparent;}

.mm-opened .fa-navicon {display: none}

.mm-panel.mm-subopened {opacity: 0.1 !important}

.mm-prev {top: 18px !important; left: -13px !important}
.mm-prev::after {content:""; width: 32px; height: 32px; background: url(img/back.png); background-size: cover; background-position: center center; display: block }
.mm-prev::before {display: none}

.mm-next {right: -70px !important; width: 350px !important;}
.mm-next:before {border: 0px !important}
.mm-next:after {content: ""; border: 0px !important; transform: none !important; width: 32px !important; height: 32px !important; top: -1px !important; background: url(img/right.png); background-size: cover !important; background-position: center center; display: block}
.mm-next:hover + a {color: #ffffff !important}

.menu-item-has-children a {margin-right: 0px !important}
.menu-item-has-children a:hover {border: 0px !important}





.footer-copy {font-size: 12px}

.pen {bottom: 39px}


}



@media screen and (max-width: 767px) {

.dark-column p, .dark-column em {color: var(--dark-color)}
.hero .dark-column p {color: #ffffff}

.dark-column h1, .dark-column h2, .dark-column h3, .dark-column h4, .dark-column h5, .dark-column h6 {color: var(--brand-color)}
.hero .dark-column h1 {color: var(--orange-color)}
.hero .dark-column h2 {color: #ffffff}

.contactul li {color: var(--brand-color)}
 

.backtohome a {color: var(--orange-color);}
.backtohome a:before {position: absolute !important; content: "" !important; display: block !important; left: 0px; top: -12px; width: 40px; height: 40px; background: url(img/arrow-left-orange.png); background-size: cover; background-position: center center; background-repeat: no-repeat }
.backtohome a:hover {color: var(--orange-color);}

.backtoblog a {color: var(--orange-color);}
.backtoblog a:before {position: absolute !important; content: "" !important; display: block !important; left: 0px; top: -12px; width: 40px; height: 40px; background: url(img/arrow-left-orange.png); background-size: cover; background-position: center center; background-repeat: no-repeat }
.backtoblog a:hover {color: var(--orange-color);}



.page-hero {padding-top: 165px}
.page-hero:after {display: none !important}
.page-title {font-size: 36px; line-height: 46px}
.page-subtitle {font-size: 18px}

.entry-content h2 {font-size: 22px}
.entry-content h3 {font-size: 19px}

.entry-title {font-size: 24px}

.section-title {font-size: 28px !important}

.hero {height: 80vh}
.hero .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}
.hero:after {background-position: -50px center}

.hero-left-column {width: 70% !important}
.hero-right-column {display: none !important}

.about-section .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}
.about-section:before {background: #ffffff !important}
.about-section:after {background: #ffffff !important}

.about-left-column {padding: 50px 0px 20px 0px !important}
.about-right-column {background: #ffffff !important; border-left: 0px !important; padding: 0px 0px 20px 0px !important}

blockquote:before {font-size: 68px !important; left: -4px !important}

.grey-section.first {padding-top: 60px !important; padding-bottom: 60px !important}
.grey-section.second {padding-top: 25px !important; padding-bottom: 50px !important}

.grey-section .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}
.grey-section .section-title {text-align: left !important}
.service-block {padding-left: 35px}
.service-block:before {left: 15px}

.news-section:before {background: #ffffff !important}
.news-section:after {background: #ffffff !important}

.news-left-column {border-right: 0px !important; padding: 60px 0px 30px 0px !important; background: #ffffff;border-bottom: 8px solid var(--orange-color) }
.news-left-column .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}
.news-right-column {padding: 50px 0px 50px 0px !important}


#map {height: 400px}


.contact-section:before {background: #ffffff !important}
.contact-section:after {background: #ffffff !important}

.contact-left-column {padding: 50px 0px 50px 0px !important}
.contact-right-column {padding: 60px 0px 30px 0px !important; border-bottom: 8px solid var(--orange-color); border-left: 0px !important; background: #ffffff !important}
.contact-right-column .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}

.contactul .fa-map-marker {margin-right: 15px}
.contactul .fa-map {margin-right: 12px; }
.contactul .fa-phone {margin-right: 13px;}
.contactul .fa-envelope {margin-right: 12px;}

}



@media screen and (max-width: 650px) {

.fa-navicon:before {color: var(--orange-color) !important}

.main {padding-left: 30px; padding-right: 30px}
.blog .container .row .col-lg-12 {padding-left: 0px !important; padding-right: 0px !important}
.single-post .container .row .col-lg-10 {padding-left: 0px !important; padding-right: 0px !important}
.main-content .vc_column-inner {padding-left: 0px !important; padding-right: 0px !important}

.hero {height: 100vh; }
.hero:before {border: 0px}
.hero:after {background: var(--brand-color) !important; border: 0px}
.hero-left-column {width: 100% !important; padding: 0px !important; border: 0px}

.page-hero {padding-left: 15px; padding-right: 15px; border: 0px !important}

.news-left-column {border-bottom: 5px solid var(--black-color);}
.contact-right-column {border-bottom: 5px solid var(--black-color);}

.mm-opened #mobilemenu {border: 0px;}

}


@media screen and (max-width: 480px) {
	
.header img.custom-logo {width: 80px !important}

.main {padding-left: 25px; padding-right: 25px}
.page-hero {padding-left: 10px; padding-right: 10px;}

.hero-title {font-size: 36px; line-height: 40px; margin-top: 110px !important; margin-bottom: 10px !important}
.hero-subtitle {font-size: 20px !important}
.page-title {font-size: 36px; line-height: 40px}

.entry-title {font-size: 21px}

.section-title {font-size: 26px !important}


.contact-left-column {padding-bottom: 20px !important}

.footer-copy {letter-spacing: 0px !important}


}