@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

html {min-height: 100%;display: flex;
    flex-direction: column;justify-content: center;}

#page {min-height: 100%;}

body {
    font-family: "Inter";
    color:#000000;
	--c-blue-dark: #1a2a6a;
    --c-blue: #1a2a6a;
    --c-blue-light: #1a2a6a;
    --c-blue-lighter: #1a2a6a;
    --c-gray-lightest: #f4f4f4; 
	--c-gray-lighter: #e5e5e5;
	--c-gray-light: #ddd;	 
	--c-gray: #999999;
	--c-gray-dark: #666666;
	--c-black: #000000;
	--c-white: #ffffff;
    font-size: 16px;
    font-weight: 300;
    margin: 0;
    min-height: 100%;
    display: flex;
    flex-direction: column;
    --c-main:#05A892;
    --c-secondary:#000000;
    justify-content: center;

}

.btn {background: var(--c-main);
    padding: 16px 23px;
    border-radius: 0;
    border: none;
    color: #fff;
    font-family: "Inter";
    font-weight: 600;
    font-size: 15px;
    display: inline-block;
    line-height: 1;}
.btn:hover {background: var(--c-secondary);color:#fff;}

.bold {font-weight: 700;}
body {}
#page { color: #000; }
#page #primary { max-width: 1200px; margin: 0 auto; }
#page h1 { font-weight: 800; }
#page #primary .page-header {}
.not-found {max-width: 600px;text-align: center;background: #f2f2f2;padding: 30px;margin: 0 auto;min-height: 450px;display: flex;flex-direction: column;justify-content: center;} 
.not-found .h1 {
    font-size: 138px;
    font-weight: 900;
}
.not-found .page-title { font-weight: 800; font-size: 28px; } 
.not-found .page-content {}
.not-found .page-content #searchform {}
.not-found .page-content #searchform > div {display: flex;flex-wrap: wrap;}
.not-found .page-content #searchform > div .screen-reader-text {display: none;}
.not-found .page-content #searchform > div input[type="text"] {flex: 1;border: none;height: 50px;padding: 0 15px;}
.not-found .page-content #searchform > div #searchsubmit {background: var(--c-main);border: none;color: #fff;padding: 0 20px;font-weight: 800;height: 50px;}
.not-found .page-content #searchform > div #searchsubmit:hover {background:#000}


@media (max-width: 767px) {
    html {height:100vh}
        body, html {
        justify-content: flex-start;
        min-height: 100%;
    }
        #page #primary {min-height: 100%;display: flex;flex-direction: column;}
        .not-found {
        min-height: 100%;
        flex: 1;
    }
        .not-found .h1 {
        font-size: 110px;
    }
        .not-found .page-content #searchform > div #searchsubmit {margin-top:10px;width: 100%;}
    }