
html { box-sizing: border-box; }

*, *:before, *:after { box-sizing: inherit; }

body { 
    color:#333; 
    font-family: 'Nunito', sans-serif;
    margin:0; 
    padding:0; 
}

.adahidden {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

a.break { 
	/* For Firefox */
	white-space: pre-wrap;
	word-break: break-all;
	/* For Chrome and IE */
	word-wrap: break-word; 
}

a:link, a:visited { color:#0198e2; text-decoration:none; }
a:active, a:hover, a:focus { text-decoration:underline; }

h1, h2, h3, h4 { 
    color: #0388b0; 
    font-family: 'Oswald','Roboto Condensed', sans-serif;
    font-weight:300; 
    line-height:1.25; 
}
h1 { font-size: 54px; padding-bottom:15px;  }
h2 { font-size: 40px; padding:10px 0 15px 0; }
h3 { font-size: 30px; padding:10px 0 15px 0; }
h4 { font-size: 24px; padding:5px 0 10px 0; }

h1 span, h2 span { white-space:nowrap; }

strong, .bold { font-weight: 600; }
em { font-style: italic; }

.show { display:block; }
.hide { display:none; }

.txt-r { text-align:right; }
.txt-l { text-align:left; }
.txt-c { text-align:center; }
.nowrap { white-space: nowrap;}

header, section {
    margin:0 auto;
    max-width:940px; 
}

header { 
    display:flex;
    padding:15px 0;
}

.logo { 
    display:block; 
    flex-shrink:0; 
    height:auto; 
    margin-right:15px; 
    width:100px; 
}

section { 
    font-size:16px; 
    min-height:450px;
    padding:0 35px;
    width:100%;
}

section p { padding-bottom:15px; line-height:1.25; }
section ul { margin-top:0; }
section li { padding-bottom:10px; }
section li:last-of-type { padding-bottom:0; }
section li > ul { margin-top:10px; }

section.contact p {
    font-size:18px;
    padding-top:30px;
    font-weight:bold;
}

footer { 
    border-top:1px solid #ccc; 
    color:#666; 
    font-size:11px; 
    line-height:1.25; 
    margin:30px auto 0 auto; 
    max-width:870px;
    padding:10px 20px; 
    text-align:center; 
}

/* BEGIN slimmenu styles */
nav { background-color:#0287b0; }
#slimnav { display:table; margin:0 auto; }
#slimnav a, a:active { text-decoration: none }

.menu-collapser	{
    position:relative;
    width:100%;
    height:48px;
    padding:0 8px;
    color:#FFF;
    font-size:18px;
    line-height:48px;
    background-color:#0287b0;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
	}

.collapse-button	{
    position:absolute;
    right:8px;
    top:50%;
    width:40px;
    padding:7px 10px;
    color:#FFFFFF;
    font-size:14px;
    text-align:center;
    background-color:#777;
    border-radius:2px;
    cursor:pointer;
    transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -webkit-transform:translate(0, -50%);
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
	}

.collapse-button:hover,.collapse-button:focus	{
    color:#FFF;
    background-color:#777;
	}

.collapse-button .icon-bar	{
    display:block;
    height:2px;
    width:18px;
    margin:2px 0;
    background-color:#fff;
    border-radius:1px;
    position:relative;
	}

ul.slimmenu	{
    width:100%;
    margin:0;
    padding:0;
    list-style-type:none
	}

ul.slimmenu:before,ul.slimmenu:after	{
    content:'';
    display:table
	}

ul.slimmenu:after	{
clear:both
	}

ul.slimmenu.collapsed li	{
    display:block;
    width:100%;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
	}

ul.slimmenu.collapsed li>ul	{
    position:static;
    display:none
	}

ul.slimmenu.collapsed li a	{
    display:block;
    /*border-bottom:1px solid rgba(0,0,0,0.075); */
    border-bottom:1px solid #ccc;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box
	}

ul.slimmenu.collapsed li .sub-toggle	{
    height:40px
	}

ul.slimmenu li	{
    position:relative;
    float:left;
    display:inline-block;
    background-color:#0287b0;
	}

ul.slimmenu li ul	{
    margin:0;
    list-style-type:none
	}

ul.slimmenu li ul li		{

	background:#0287b0;
 
	width:100%;
 /* added per https://github.com/adnantopal/slimmenu/issues/15 */
	
	}

ul.slimmenu li>ul	{
    position:absolute;
    left:0;
    top:100%;
    z-index:999;
    display:none;
    width:100%
	}

ul.slimmenu li>ul>li ul	{
    position:absolute;
    left:100%;
    top:0;
    z-index:999;
    display:none;
    width:100%
	}

ul.slimmenu li a	{
    display:block;
    padding:10px 30px;
    color:#fff;
    font-size:16px;
    font-weight:600;
    transition:background-color 0.5s ease-out;
    -o-transition:background-color 0.5s ease-out;
    -moz-transition:background-color 0.5s ease-out;
    -webkit-transition:background-color 0.5s ease-out
	}

ul.slimmenu li a:hover	{
    /* background-color:#777; */
    color:#fadee3;
    text-decoration:none;
	}

ul.slimmenu li .sub-toggle	{
    background:none repeat scroll 0 0 rgba(0,0,0,0.075);
    position:absolute;
    right:0;
    top:0;
    z-index:999;
    width:48px;
    height:100%;
    text-align:center;
    cursor:pointer
	}

ul.slimmenu li .sub-toggle:before	{
    content:'';
    display:inline-block;
    height:100%;
    margin-right:-0.25em;
    vertical-align:middle
	}

ul.slimmenu li .sub-toggle>i	{
    display:inline-block;
    color:#eeeeee;
    font-size:18px;
    vertical-align:middle
	}

ul.slimmenu>li	{
    border-left:0;
	}

ul.slimmenu>li:first-child,ul.slimmenu>li.has-submenu+li	{
    border-left:0
	}
/* END slimmenu styles */

@media only screen and (max-width: 980px) {/* viewport up to 980px */
    header { padding:15px 10px; }
}

@media only screen and (max-width: 940px) {/* viewport up to 940px */
    #slimnav { display:block; margin:0 auto;}
    
    ul.slimmenu li a	{
    display:block;
    padding:15px 30px;
    font-size:18px;
	}

    .logo { 
        height:auto; 
        width:80px; 
    }

    h1 { font-size: 50px; }
    h2 { font-size: 38px; }
    h3 { font-size: 32px; line-height:1.15; }
    
    section { 
        min-height:300px; 
        padding:0 20px;
    }
    
    footer { margin:30px 20px 0 20px; }
}
    
@media only screen and (max-width: 768px) {/* viewport up to 768px */
    .logo { 
        height:auto; 
        margin-right:10px; 
        width:70px; 
    }

    h1 { font-size: 46px; line-height:1.15; }
    h2 { font-size: 34px; }
    h3 { font-size: 28px; }
    
    section { font-size:18px; }
}
    
@media only screen and (max-width: 640px) {/* viewport up to 640px */
    header { padding:10px; }
    
    .logo { width:60px; height:auto; }

    h1 { font-size: 42px; }
    h2 { font-size: 32px; }
    h3 { font-size: 26px; }
}
    
@media only screen and (max-width: 640px) {/* viewport up to 640px */
    h1 { font-size: 38px; }
    h2 { font-size: 30px; line-height:1.15; }
}
    
 
@media only screen and (max-width: 375px) {/* viewport up to 375px */
    h1 { font-size: 10vw; }
}



