@import url('https://fonts.googleapis.com/css?family=Baskervville&display=swap');
body {background-color:#4b4b4d;font-family: 'Carrois Gothic', sans-serif;margin:0px;padding:0px;}

a {text-decoration:none;}


footer {position:fixed;bottom:0px;width:100%;background-color:#777;padding:0px;margin:0px;}

header {position:fixed;top:0px;left:0px;width:100%;z-index:44;height:75px;
background-color:#426f86;box-shadow: 0px 5px 20px 1px #4b4b4d;}

header h1 {color:#fff;font-size:1.5vw;
text-align:center;margin:15px;text-transform:uppercase;font-weight:normal;letter-spacing:.7em;}
header h1 img {height:50px;}
header div#hamb {float:left;background-color:#202020;height:75px;width:75px;padding:0px;text-align:center;margin-right:12px;cursor:pointer;}
header div#hamb img {height:50px;padding:15px;}
#hamb img.h {display:block;}
#hamb img.x {display:none;}
header h1 a {text-decoration:none;color:#fff;}

header h1 span {text-align:center;margin:0px;font-size:.9vw;text-transform:none;letter-spacing:normal;
width:25%;border-top:1px solid #fff;border-bottom:1px solid #fff;display:inline-block;
margin-top:-10px;}



header nav {text-align:center;padding:1vh;display:none;background-color:#777;min-width:33vw;
max-width:30vw;box-shadow: 0px 5px 20px 1px black;}
header nav ul {list-style:none;padding:0px;margin:0px;}
header nav ul li {background-color:#404040;display:inline-block;width:100%;text-transform:uppercase;}
header nav ul li.p {background-color:#000;}
header nav ul li:hover {background-color:#e5d1b6;color:#000;}
header nav a {color:#fff;display:block;font-size:1.2rem;
padding:.4rem;}

header div#focus a {vertical-align:top;display:inline-block;width:65%;border:0px solid black;font-size:3vw;color:#eee;margin-top:14px;margin-left:20px;}
header div#bcma {position:absolute;top:15px;right:17px;width:100px;border:0px solid black;text-align:center;}
header div#bcma a {font-size:11px;color:#fff;line-height:10px;}
header div#bcma a span {white-space:nowrap;}
header div#bcma a img {height:35px;padding:3px;margin:3px;}


div#imglist a {vertical-align:top;}
div#imglist a h3 {display:block;color:#333;font-weight:normal;font-size:1.1rem;}


div.intro-sub {background-color:#fff;margin:30px;padding:5px 50px;font-size:1.16rem;}

/**** MOBILE /
@media screen and (max-width: 1025px) {

header {
    height:55px;
}

header div#hamb {
    height: 55px;
    width: 55px;
}

header div#hamb img {
    height: 30px;
}

header div#focus a {
    font-size:1.4rem;
    margin-top:27px;
    margin-left: 2px;
}

header div#bcma {
    top: 11px;
    right: 30px;
    width: 35px;
}



	header nav {
		min-width: 33vw;
		max-width: 80vw;
		box-shadow: 0px 5px 20px 1px black;
	}
	
	header h1 {
		color: #aaa;
		font-size: 1.07rem;
		padding:.23rem;
		margin: 0px;
		text-align:center;
		text-transform: uppercase;
		font-weight: normal;
		letter-spacing: 0rem;
	}
	
	header h1 img {padding:.3rem 0rem;height:25px;display:none;}

	header nav ul li a {font-size:1.32rem;}
	
	
	section#hero {
    position: absolute;
    top: 57px;
    
    }
    
    #hero div#title {
        font-size: 2rem;
    }
    
    #hero div#ban {

    top: 0px;
    right:auto;
    opacity: 40%;
    }
    
    
    div#intro {
        top: 433px;
        height: auto;
        width: 90%;
        font-size:1rem;
    }
    div#intro a.btn {
        width: 100%;
    }
    section#main {
        top: 543px;
    }
    div#theflex div.thea {
        width: 100%;
    }
    div.thea h3 {
        font-size: 1rem;
    }
    header nav ul li a {
        font-size: 1.22rem;
    }
    
    div.intro-sub {margin:4px;padding:5px 15px;font-size:1.16rem;}
    center img {width:100%;}
    
    
	
}