/*
Title:	CSS for Balloun Law Splash 2026
Author: Chevas Balloun - chevas@agentartifact.com

/* =Reset default browser CSS. 
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, 
sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	border: 0; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; outline: 0; padding: 0; vertical-align: baseline; }
img { border: 0px; max-width: 100%; }
li { list-style-type: none; }

button.forward-tab, button.reverse-tab, button.forward-landing, button.reverse-landing, button.forward-tab-entry, button.reverse-tab-entry, button.forward-landing-entry,
button.reverse-landing-entry { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0 !important;border: 0 !important; height: 1px !important; 
    width: 1px !important; overflow: hidden; position: absolute; outline: none !important; }

:root {

    /* Colors */
    --blawNavy: #002147;
    --blawNavyDark: #00152d;
    --blawNavyLight: #002d60;
    --blawNavyLight2: #00397a;

    --blawGray1: #555555;



	--link: #2678ff; 
    --red: #ff0000;
    --redDark: #b82020;

    --errorText: #f2aaaa;

    /* Primary */
    --primaryTextColor: var(--gray20);
    --primaryColor: var(--blawNavy);
    --primaryColorDark: var(--blawNavyDark);
    --primaryColorLight: var(--blawNavyLight);
    --primaryColorLight2: var(--blawNavyLight2);

    /* Secondary */
    --secondaryTextColor: var(--gray14); 


    /* Tertiary */
    --gray1: #f8f9fa;
    --gray2: #f6f7f8;
    --gray3: #eeeff0;
    --gray4: #e3e6ec; 
    --gray5: #d7d7de;
    --gray6: #c7c7d1;
    --gray7: #b6b6c4;
    --gray8: #a7a7b8;
    --gray9: #9898ab;
    --gray10: #89899e;
    --gray11: #7b7b91;
    --gray12: #707085;
    --gray13: #646478;
    --gray14: #58586b;
    --gray15: #4c4c5e;
    --gray16: #454253;
    --gray17: #383645;
    --gray18: #2d2b38;
    --gray19: #23212b;
    --gray20: #18171f;
    --gray21: #0e0d12;

	/* Other Neutrals */
	--white: #ffffff;
	--black: #000000;
	--twhite: #f8f9fa;
	--twhite2: #f6f7f8;
	--twhite3: #EEEFF0;
    --twhiteBlue: #f2f4f8; 

    /* Gradient */
    --primaryGradient: linear-gradient(135deg, var(--primaryColor) 0%, var(--primaryColorLight) 100%);
    --primaryGradientLight: linear-gradient(135deg, var(--primaryColorLight) 0%, var(--primaryColorLight2) 100%);

    /* Shadows */
    --frameBoxShadow: 0 0 50px rgba(0,0,0,.25); 
	--panelBoxShadow: 0 0 20px rgba(0,0,0,.1); 
    --avatarBoxShadow: 0 0 15px rgba(0,0,0,.25);
    --dropdownBoxShadow: 0 0 20px rgba(0,0,0,.15);
    --fieldBoxShadow: 0 0 15px rgba(0,0,0,.075);
    --photoBoxShadow: 0 0 30px rgba(0,0,0,.2);

	/* Fonts */
	--primaryFont: Inter, Helvetica, Arial, Sans-serif;
	--primaryMonospaceFont: 'Source Code Pro', 'Courier New', Courier, monospace;
	--blockquoteFont: Georgia, Sans-serif;


}

:focus { outline: 0; }


/* ================== EVERYTHING is BOX-SIZED - position relative ================== */
* { position: relative; box-sizing: border-box; -webkit-text-size-adjust: none; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -ms-box-sizing: border-box; }
/* ================== EVERYTHING is BOX-SIZED - position relative ================== */

* { -webkit-text-size-adjust: none; } /* Disable iOS gettin' in muh business */

html { height: 100%; scroll-behavior: smooth; } 
body { height: 100%; font-size: 14px; font-family: var(--primaryFont); color: var(--primaryTextColor); line-height: 1.5em; margin: 0; background: var(--white); 
scroll-behavior: smooth; background: #002147; background: radial-gradient(circle, rgba(0, 33, 71, 1) 0%, rgba(0, 21, 45, 1) 100%); }
body.noscroll { overflow-y: hidden; }


.clearfix:after { content: "."; visibility: hidden; display: block; height: 0; clear: both; } /* On the rare occasion you need to use a float */
.clearright { clear: right; }

::-webkit-scrollbar { width: 8px; background: transparent; }
::-webkit-scrollbar-button { display: none; }
::-webkit-scrollbar-track { width: 8px; border-radius: 4px; }
::-webkit-scrollbar-track-piece { border: 0;  }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,.15); transition: .15s linear all; border-radius: 4px; }
::-webkit-scrollbar-thumb:hover, ::-webkit-scrollbar-button:hover { background: rgba(255,255,255,.25); transition: .15s linear all; }


/* Titles, Text Sizing, Colors, Links, Buttons ============================================== */
	
	/* Headings & Text */
		h1, h2, h3, h4, h5, h6, .huge, .xxlarge, .xlarge, .large, .medium, .h1, .h2, .h3, .h4, .h5, .h6 { font-size: 16px; -webkit-font-smoothing: antialiased; 
			line-height: 1.4em; font-family: var(--primaryFont); letter-spacing: -.03em; }
        h1, .huge, .h1 { font-size: 26px; font-weight: bold; }
        h2, .xxlarge, .h2 { font-size: 18px; }
        h3, .xlarge, .h3 { font-size: 18px; }
        h4, .large, .h4 { font-size: 16px; }
        h5, .medium , .h5 { font-size: 14px; }
        h6, .small, .h6 { font-size: 13px; letter-spacing: 0px; }

	/* Weights, Italics, Underlines, Strikes */
		strong, .strong, .weight700 { font-weight: bold; } 
		.lightweight, .weight300 { font-weight: 300; }
		.normalweight, .weight400 { font-weight: normal; }
		.midweight, .semiweight, .weight600 { font-weight: 600; }
		.heavyweight, .weight800 { font-weight: 800; }
		.blackweight, .weight900 { font-weight: 900; }

		em, .italic { font-style: italic; }
		.stritalic { font-weight: bold; font-style: italic; }
		.underline { text-decoration: underline; }
		.strike { text-decoration: line-through; }

	/* Character Spacing & Casing */
		tt { font-family: var(--primaryMonospaceFont); }
		.tight { letter-spacing: -.03em; }
		.tight2 { letter-spacing: -.06em; }
		.upper { text-transform: uppercase; }
		.lower { text-transform: none; }
		code { padding: 1px 3px; border-radius: 3px; background: var(--formioGreenHighlight2); font-family: var(--primaryMonospaceFont); color: var(--formioGreenDark);}
	
	/* Text Alignment */
		.center, .centertext { text-align: center; }
		.indent { margin-left: 30px; margin-bottom: 30px; }

	/* Basic Paragraph Rules */
		p { line-height: 1.7em; margin-bottom: 30px; }
		p:last-child { margin-bottom: 0 !important; }
        p.withlist { margin-bottom: 15px; }
		p.nobot, p.mclear { margin-bottom: 0; }
        p.small { font-size: 14px; }
        p.reference { font-size: 11px; color: var(--gray9); }

        ul, ol { margin-bottom: 30px; }
        ul:last-child, ol:last-child { margin-bottom: 0; }
        ul li, ol li { list-style-type: disc; margin: 10px 0 10px 30px; }
        ol li { list-style-type: decimal; }
        ul li:last-child, ol li:last-child { margin-bottom: 0; }

        ol li ul li { list-style-type: disc; }
        ol.sublists li { margin: 20px 10px 10px 30px; }

        ul.small li, ol.small li { font-size: 13px; }

        ul.icons li { list-style-type: none; margin-left: 0; padding-left: 35px; margin: 7px 0 7px 0; }
        ul.icons li:first-child { margin-top: 0; }
        ul.icons li svg { width: 20px; height: 20px; top: 1px; left: 0; position: absolute; }
        ul.icons.large li { font-size: 14px; margin-top: 20px; margin-bottom: 20px; padding-left: 45px; }
        ul.icons.large li:first-child { margin-top: 0; }
        ul.icons.large li svg { width: 22px; height: 22px; top: 0px; }
        ul.icons.narrow { max-width: 600px; margin: 0 auto; }
        ul.icons.spread li { margin: 12px 0 12px 0; }
        ul.icons.error li svg { color: var(--redDark); }
        ul.icons.checks li svg { color: var(--formioGreen); }

        body.home ul.icons { columns: 2; gap: 40px; }

        .check-wrap { width: 20px; height: 20px; padding: 3px; border: 2px solid var(--primaryTextColor); position: absolute; left: 0; top: 1px; border-radius: 3px;
            background-color: var(--primaryColorLight); }
        .check-wrap svg.check { color: var(--white); width: 16px; height: 16px; top: 0px; left: 0px; }

        ul.centered { max-width: 600px; margin-left: auto; margin-right: auto; margin-top: 50px; }
        ul.centered.thin { max-width: 400px; margin-top: 30px; }

    /* Code */
        code { font-size: 14px; font-family: var(--primaryMonospaceFont); border-radius: 3px; padding: 1px 3px; }
        pre { background: #f4f8fb; border-radius: 5px; width: 100%; font-family: var(--primaryMonospaceFont); font-size: 14px; padding: 15px; box-shadow: var(--thinBoxShadow);
            overflow-x: auto; }

        pre code { background: transparent; color: var(--primaryTextColor); }
        pre.wp-block-code { box-shadow: unset; border: 1px solid var(--gray4); margin-bottom: 30px; }
	
	
	/* Block Quote */
		blockquote, .blockquote { border-left: 10px solid var(--primaryColorLight); padding-left: 40px; margin-bottom: 30px;  }
		blockquote p:last-child, .blockquote p:last-child { padding-bottom: 0; }
        blockquote p.quote-text, .blockquote p.quote-text { margin-bottom: 10px; }
        blockquote p.quote-author, .blockquote p.quote-author { font-family: var(--primaryFont); font-weight: bold; font-style: italic; }
		cite { font-size: 14px; font-style: normal; }
		

    /* Colors */
        .white { color: var(--white); }
        .primary { color: var(--primaryColor); }
        .primarytext { color: var(--primaryTextColor); }

        .gradient-text.primary { -webkit-box-decoration-break: clone; background: linear-gradient(to left, var(--primaryColorLight), var(--primaryColorDark)); 
            -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
        .gradient-text.primarylight { -webkit-box-decoration-break: clone; background: linear-gradient(to left, var(--primaryColorLight2), var(--primaryColorLight));
            -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
			em .gradient-text, span.italic .gradient-text, .gradient-text.italic { padding-right: 2px; }


        .twhitebg { background-color: var(--twhite); }

        .reddark { color: var(--redDark); }

	
	/* Links */
		a, a:visited { color: var(--link); text-decoration: none; cursor: pointer;	transition:color .15s linear; text-decoration: none; }
		a:hover { color: var(--gray9); transition:color .15s linear; text-decoration: none; }

		
	/* Displays */
		.hide, .hidden { display: none; }
		.eclipse { height: 0; overflow: hidden; padding: 0; margin: 0; }
		
		.req { color: var(--red); font-weight: bold; }
		.req:after { content: " * "; }

	/* Buttons */

		/* The 'button' HTML element is reset to look like text in case I need a button that looks like a normal link */
			button { padding: 0; margin: 0; border: 0; line-height: inherit; background: transparent; cursor: pointer; font-family: var(--primaryFont);
                color: var(--primaryTextColor); text-align: left; filter: unset; transition: .15s linear all; }
            button:hover { filter: grayscale(100%); transition: .15s linear all; }


		/* Standard Button Dimensions - requires the class '.button', or be a Submit button */
			.button, a.button, button[type=submit], input[type=submit] { font-family: var(--primaryFont);
				padding: 8px 19px; border: 1px solid transparent; border-radius: 3px; font-size: 14px; line-height: 16px; text-align: center; overflow: hidden; margin: 0px; 
				color: var(--white); font-weight: bold; display: inline-block; background-color: var(--gray14); transition: .15s linear all; box-shadow: var(--buttonBoxShadowGreen);
                text-decoration: none; filter: unset; }
			.button:hover, a.button:hover, button[type=submit]:hover, input[type=submit]:hover { cursor: pointer; filter: unset;
				background-color: var(--gray13); transition: .15s linear all; text-decoration: none; }	

            button.has-icon, .button.has-icon { display: flex; align-items: center; gap: 5px; }
            button.has-icon svg, .button.has-icon svg { width: 16px; height: 16px; }
            button.button.has-icon.left, .button.has-icon.left { padding-left: 13px; }
            button.button.has-icon.right, .button.has-icon.right { padding-right: 13px; }

            button.button.has-icon.square { padding-left: 8px; padding-right: 8px; } 

		/* Green Color Button Override */
			.button.primary, a.button.primary, button[type=submit].primary, input[type=submit].primary { 
                background-color: var(--primaryColor); color: #fff; }
			.button.primary:hover, a.button.primary:hover, button[type=submit].primary:hover, input[type=submit].primary:hover { 
				background-color: var(--primaryColorLight); }

        /* Secondary Color Button */
            .button.blue, a.button.blue, button[type=submit].blue, input[type=submit].blue { 
                background-color: var(--secondaryColor); color: #fff; }
			.button.blue:hover, a.button.blue:hover, button[type=submit].blue:hover, input[type=submit].blue:hover { 
				background-color: var(--secondaryColorLight); } 

        /* White Button */
            .button.white, a.button.white, button[type=submit].white, input[type=submit].white { 
                background-color: var(--white); color: var(--primaryTextColor); border: 1px solid var(--gray5); }
			.button.white:hover, a.button.white:hover, button[type=submit].white:hover, input[type=submit].white:hover { 
				background-color: var(--gray2); }

        /* Outlined */
            .button.outlined.primary { background-color: transparent; border: 2px solid var(--primaryColor); color: var(--secondaryTextColor); }
            .button.outlined.primary:hover { background-color: transparent; border: 2px solid var(--primaryColorLight); color: var(--primaryColorLight); }

		/* Disabled Button Override */
			.button.disabled, a.button.disabled, button[type=submit].disabled, input[type=submit].disabled { opacity: .5;
				filter: grayscale(100%); pointer-events: none; }

        /* Small Sized Button */
            .button.small, a.button.small, button[type=submit].small, input[type=submit].small { font-size: 12px; padding: 4px 10px; }
            button.has-icon.small svg, .button.small.has-icon svg { width: 14px; height: 14px; }
            button.button.has-icon.small.left, .button.small.has-icon.left { padding-left: 7px; }
            button.button.has-icon.small.right, .button.small.has-icon.right { padding-right: 7px; }

            button.button.small.has-icon.square { padding-left: 4px; padding-right: 4px; } 

		/* Medium Sized Button */
			.button.medium, a.button.medium, button[type=submit].medium, input[type=submit].medium { font-size: 16px; padding: 14px 29px; }
            button.has-icon.medium svg, .button.medium.has-icon svg { width: 20px; height: 20px; }
            button.button.has-icon.medium.left, .button.medium.has-icon.left { padding-left: 20px; }
            button.button.has-icon.medium.right, .button.medium.has-icon.right { padding-right: 20px; }

            button.button.medium.has-icon.square { padding-left: 14px; padding-right: 14px; } 

		/* Large Sized Button */
			.button.large, a.button.large, button[type=submit].large, input[type=submit].large{ font-size: 20px; padding: 16px 32px; }
            button.has-icon.large svg, .button.large.has-icon svg { width: 24px; height: 24px; }
            button.button.has-icon.large.left, .button.large.has-icon.left { padding-left: 20px; }
            button.button.has-icon.large.right, .button.large.has-icon.right { padding-right: 20px; }

            button.button.large.has-icon.square { padding-left: 16px; padding-right: 16px; } 


		/* Rounded Buttons */
			.button.rounded, a.button.rounded, button[type=submit].rounded, input[type=submit].rounded { border-radius: 17px; }
			.button.rounded.medium, a.button.rounded.medium, button[type=submit].rounded.medium, input[type=submit].rounded.medium { border-radius: 24px; }
			.button.rounded.large, a.button.rounded.large, button[type=submit].rounded.large, input[type=submit].rounded.large { border-radius: 33px; }            

        /* No Shadow */
            .button, a.button, button[type=submit], input[type=submit] { box-shadow: unset; }

        /* Light Outline */
            .button.outlined.primary.light { border: 2px solid var(--gray4); color: var(--gray4); }
            .button.outlined.primary.light:hover { border: 2px solid var(--white); color: var(--white); }

        .button-wrap { display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
        .button-wrap.tight { gap: 5px;}
        .button-wrap.vertical { align-items: unset; flex-direction: column;}


/* Modal Lightboxes */
    .blackcover {  position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 100; background: rgba(0,0,0,.8); opacity: 0; visibility: hidden; pointer-events: none;
        transition: .15s linear all; }
    .blackcover.active { opacity: 1; visibility: visible; pointer-events: all; transition: .15s linear all; }

    
    .lightbox { position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 400px; max-width: 100%; height: 500px; max-height: 100%; margin: auto; z-index: 110; padding: 30px;
        background-color: var(--white); border-radius: 5px; box-shadow: var(--panelBoxShadow); opacity: 0; visibility: hidden; pointer-events: none; transition: .15s linear all; }
    .lightbox.active { visibility: visible; opacity: 1; pointer-events: all; transition: .15s linear all; }

    .lightbox.w500 { width: 500px; }
    .lightbox.h700 { height: 700px; }

        button.close-button { position: absolute; width: 40px; height: 40px; padding: 8px; color: var(--primaryTextColor); z-index: 10; transition: .15s linear all;
            top: 0; right: 0; }
        button.close-button:hover { opacity: .5; transition: .15s linear all; }
        button.close-button svg { width: 100%; height: 100%; }

        .lightbox-title { font-weight: bold; }
        .lightbox-content { margin-top: 30px; }


    .message-box { position: fixed; top: -60px; left: 0; right: 0; margin: 0 auto; width: 250px; padding: 15px; background-color: var(--formioCharBlue); 
        color: var(--white); border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: var(--panelBoxShadow); z-index: 120; pointer-events: none;
        transition: .15s linear all; }
    .message-box.active { pointer-events: all; transition: .15s linear all; top: 0; }

        .message-box-content { color: var(--white); font-size: 14px; text-align: center; line-height: 1.5em; }
        .message-box.success .message-box-content { color: var(--formioGreenBright); }
        .message-box.error .message-box-content { color: var(--errorText); }

            .message-with-icon { display: flex; align-items: center; gap: 8px; justify-content: center; }
            .message-with-icon svg { width: 16px; height: 16px; }
		
/* Form Basics */
    form.form-wrap { display: flex; flex-direction: column; gap: 20px; }

	textarea { font-size: 14px; font-family: var(--primaryFont); }
	input[type=text], input[type=email], textarea { -webkit-appearance: none; } /* Rmemoves iOS Styling */
	
	::-webkit-input-placeholder { color: var(--gray6); }
	::-moz-placeholder { color: var(--gray6); } /* firefox 19+ */
	:-ms-input-placeholder { color: var(--gray6); } /* ie */
	input:-moz-placeholder { color: var(--gray6); }
	
	
	label:hover { cursor: pointer; font-family: var(--primaryFont); }
	input[type=text], input[type=search], input[type=email], select, textarea, input#email, input#url, .field, .textarea { color: var(--primaryTextColor); width: 100%; 
        line-height: 1.15em; border-radius: 3px; font-size: 14px; font-weight: normal; font-family: var(--primaryFont); background: var(--white); 
        box-shadow: var(--fieldBoxShadow); border: 1px solid var(--gray6); padding: 8px 12px; transition: .15s linear all; }

	textarea, .textarea { height: auto; border-radius: 3px; -webkit-overflow-scrolling:touch; padding: 15px; font-weight: normal; min-height: 140px;
        border: 1px solid var(--gray6); }

    input:focus, textarea:focus, select:focus { border: 1px solid var(--primaryColorLight);  }
    select:focus { border-bottom-left-radius: 0; border-bottom-right-radius: 0; transition: .15s linear all; border-bottom: 1px solid transparent; }

    .chevron select { -webkit-appearance: none; -moz-appearance: none; appearance: none; padding-right: 30px; }
    .chevron svg { width: 20px; height: 20px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); pointer-events: none;  }
	
	::-webkit-search-cancel-button { display: none; } /* Removes the clear / cancel / x "button" in the search field */

    input.is-search { padding-right: 34px; }
    button.field-search { position: absolute; top: 0; right: 0; bottom: 0; width: 34px; display: flex; align-items: center; justify-content: center; }
    button.field-search svg { width: 16px; height: 16px; transition: all .15s linear; opacity: 1; }
    button.field-search:hover svg { opacity: .5; transition: all .15s linear; }


    /* Row Management */
        .row { width: 100%; display: flex; align-items: center; }
        .row:last-child, .row.last { margin-bottom: 0; }
            .labelwrap { width: 30%; padding-right: 15px; }
                label, .label { font-weight: bold; }
                label { cursor: pointer; }
            .fieldwrap { width: 70%; }

        /* Text Area */
        .row.tarea { align-items: unset; }
        .row.tarea label, .row.tarea .label { margin-top: 15px; }

        /* Fill Row */
        .row.fill { display: block; }
        .row.fill .labelwrap { width: 100%; }
        .row.fill .fieldwrap { width: 100%; margin-top: 7px; }

        .row.fill.tarea label, .row.fill.tarea .label { margin-top: 0; }

        /* Fake Elements */
        .label, .field, .textarea, .pre { pointer-events: none; }
        .label { color: var(--gray9); }
        .field, .textarea { color: var(--gray6); }
        .pre { background: #f4f8fb; border-radius: 5px; width: 100%; font-family: var(--primaryMonospaceFont); overflow: hidden; font-size: 14px; padding: 15px; 
            box-shadow: var(--thinBoxShadow); }

            /* Small */
            .row.small .field { font-size: 12px; padding: 7px 10px; }
            .row.small .label { font-size: 12px; }
            .row.small .textarea { padding: 7px; font-size: 12px; }
            .pre.small { font-size: 12px; line-height: 1.5em; }


    /* Structure */
    #container { width: 600px; max-width: 100%; margin: auto; position: absolute; top: 0; right: 0; left: 0;
        box-shadow: var(--frameBoxShadow); background-color: var(--white); padding: 50px; }

        .watermark { position: fixed; top: 0; right: 0; left: 0; margin: 0 auto; opacity: .25; width: 1200px; max-width: 100%; }

        a.logo { width: 100%; max-width: 300px; display: block; margin: 0 auto; }
        a.logo img { width: 100%;  }

        .photo { width: 100%; margin-top: 30px; }
        .photo img { width: 100%; object-fit: cover; float: left; box-shadow: var(--photoBoxShadow); }

            img.photo-a { display: none; }
            img.photo-b { display: block; }

            .photo:hover img.photo-a { display: block; }
            .photo:hover img.photo-b { display: none; }


        .name { width: 100%; margin-top: 30px; text-align: center; font-weight: bold; }
            a.mail { color: var(--gray14); transition: .15s linear all;  }
            a.mail:hover { color: var(--gray9); transition: .15s linear all; }

        .contact-wrap { width: 100%; margin-top: 30px; }

            .address { text-align: center; }
            .contact-split { max-width: 100%; width: 250px; display: flex; gap: 30px;  margin: 0 auto; margin-top: 20px; }

        .practice { margin-top: 30px; width: 100%; margin: 0 auto; margin-top: 30px; }
        .other { margin-top: 30px; margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px solid var(--gray7); }
        .other.last { margin-bottom: 0; padding-bottom: 0; border: 0; }

  

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

    #container { width: 100%; border-radius: 0; }

}