@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..800;1,100..800&display=swap');

:root { --main-color: #181c21;--main-text-color: #FFF;--accent-color: #e89b01;--accent-color-2:#359bff; }

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video {margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent; }body { line-height:1; }article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }nav ul { list-style:none; }blockquote, q { quotes:none; }blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins {text-decoration:none;}del {text-decoration: line-through;}abbr[title], dfn[title] {border-bottom:1px dotted;cursor:help;}hr {display:block;height:1px;border:0;margin:1em 0;padding:0;}input, select {vertical-align:middle;}
body { font-family: 'Montserrat', sans-serif;font-weight:400;position:relative;color:var(--main-text-color);background-color:var(--main-color); }
img { max-width:100%;display:block; }
input, button, textarea, select { font-family: 'Montserrat', sans-serif;font-weight:400;font-size:18px; }

button { background-color:var(--accent-color);color:var(--main-text-color);font-weight:800;font-size:18px;padding:6px 12px;border:0;display:block;margin:12px 0 0 auto;cursor:pointer; }
button:hover { background-color:#333333; }


#container { position:relative; z-index: 30; }
section { position:relative; }
.section-header { text-align:center;position:relative;z-index: 30;display:none;font-weight:800; }

.footer-info-address a:link, .footer-info-address a:visited, .footer-info-phone a:link, .footer-info-phone a:visited { color:#FFFFFF;text-decoration: none; }
.footer-info-address a:hover, .footer-info-phone a:hover { color:#D0D0D0; }

/* MAIN */
#main { position:relative; }

.section-title { position: relative;max-width: 400px;margin: 0 auto 24px auto; }
.section-title-text { position:relative;z-index: 100; }
.section-title-spark { position:absolute;z-index: 50;bottom:0;right:0;height:75px; }
.section-title-spark svg { height:100%;fill:#333; }

.contact-title, .services-title, .about-title { font-weight: 800;color: var(--accent-color-2);z-index: 0;text-align:center;text-transform:uppercase;font-size:48px; }

#about { position:relative;font-size: 24px;line-height:1.2;background-color:var(--main-color);color:var(--main-text-color);padding:64px 0; }
#about_content { width:calc(100% - 48px);max-width:1152px;margin:0 auto; }
#about_content strong { color:var(--accent-color); }
#about_content p { margin-bottom:24px; }

#services { position:relative;font-size: 24px;line-height:1.2;padding:64px 0;background-color:var(--main-color);color:var(--main-text-color); }
#services_content { width:calc(100% - 48px);max-width:1152px;margin:0 auto; }
.services-title { margin-bottom:24px;text-align: center; }
.service-title { font-size: 24px;color:var(--accent-color);font-weight:800;text-transform: uppercase; }
.service-sub-information { font-size: 24px; line-height: 1.2; margin: 12px 0 48px 0; }
.service { border-left:6px solid var(--accent-color-2);padding-left:12px; }

#focus, #focus_2 { width:100%;height:calc(100vw * 0.25);position:relative;overflow:hidden; }
#focus_background { background-image:url('../images/JRAWelding_Focus.jpg'); background-repeat:no-repeat;background-size:100% auto; background-position: bottom center;position:absolute;min-width:100%;min-height:150%; }
#focus_2_background { background-image:url('../images/JRAWelding_Focus_2.jpg'); background-repeat:no-repeat;background-size:100% auto; background-position: bottom center;position:absolute;min-width:100%;min-height:150%; }

.contact-title { margin-bottom:24px; }
#contact_response { position: relative;padding: 0 0 24px 0;color: var(--main-text-color);font-weight: 600; }
.contact-form form { z-index: 30;position:relative; }
.contact-form input, .contact-form textarea { display:block;padding:6px;border:0;width:100%;font-size:18px;margin-bottom:6px;background-color: #E0E0E0;color:#333; }
.contact-form textarea { height:200px; }

footer { background-color:var(--main-color);padding: 48px 24px;text-align:center; }
#footer_information {
    max-width: 300px;
    margin: 0 auto 64px auto;
}
.footer-info-logo {
    max-width: 300px;
    margin: 0 auto 24px auto;
}
.footer-info-address {
    display: grid;
    grid-template-columns: 30px auto;
    margin: 0 auto 24px auto;
    max-width: 250px;
    font-size: 24px;
    line-height: 1.2;
    font-weight: 600;
    text-align: left;
}
.footer-info-address i { color:var(--accent-color); }
.footer-info-phone { text-align:left;max-width: 250px;margin:0 auto; }
.footer-info-phone a:link, .footer-info-phone a:visited { color:var(--accent-color);font-weight:800;font-size:24px;padding-left:30px; }
.footer-info-phone a:hover { color:var(--main-text-color); }
#footer_contact {
    max-width: 500px;
}

#footer_copyright { color:#CCC;margin-top:64px;font-size:12px; }




@media all and (min-width:769px) {
	
	/* HERO */
	#hero { background-image:url('../images/JRAWelding_Hero.jpg'); background-repeat:no-repeat;background-size:cover; background-position: top right;width:100%;height:100vh; }
	.footer-holder {
		display: grid;
		grid-template-columns: 50% auto;
		align-items: center;
		grid-gap: 24px;
		max-width:1024px;
		margin:0 auto;
	}
	
}
@media all and (max-width:768px) {
	/* HERO */
	#hero { background-image:url('../images/JRAWelding_Hero_Mobile.jpg'); background-repeat:no-repeat;background-size:cover; background-position: bottom center;width:100vw;height:calc(100vw * 1.78); }
	
}