@font-face {
    font-family: 'copperplate_gothic_boldRg';
    src: url('./fonts/copperplate_gothic_bold_regular.woff2') format('woff2'),
         url('./fonts/copperplate_gothic_bold_regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'copperplate_gothic_boldRg';
    src: url('./fonts/copperplategothicbold.woff2') format('woff2'),
         url('./fonts/copperplategothicbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
a:link {
  text-decoration: none;
}
a:visited {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  cursor:pointer;
}
a:active {
  text-decoration: none;
}

.mainCall {
	position:absolute;
	right:0;
	top:0;
	padding: 20px;
	padding-right: 20%;
}

.mainshadow {
	box-shadow: 0 1rem 1rem rgba(0, 0, 0,.5)!important;
}
html, body {
    width: 100%;
    height: 100%;
	font-size: 1.15em;
	font-wight: bold;
}
	
li {
	padding-left: 20px;
}
	
h1 {
	text-align: center;
	padding: 20px;
}

.fixedsection {
	position: right;
	width: 50%;
	border: 1px solid;
}

.float {
	float: center;
}

.sublist {
  list-style: none;
}

.sublist {
	font-size: 1.15em;
}

.textleft {
	text-align: left;
}

.sublist li::before {
	list-style-position: inside;
	list-style-type: square;
	content: "\2022";
	color: red;
	font-size: 1.2em;
	font-weight: bold;
	display: inline-block; 
	width: 1em;
	margin-left: -1em;
}

.nav {
		max-width: 500px;
		margin: auto;
}

footer {
		background-color: #555;
		margin-top: 20px;
		color: white;
		padding: 20px
}

body .cImages {
  border-radius: 17.5%;
}

.center-feed {
	padding-bottom: 1.5em !important;
	background-color: #fff;
}

body {
		background-color: rgba(0,42,128,1);
}
#footer {
	border-radius: 0;
	background-image: none;
	background-color: #343a40!important;
	color: white !important;
	text-align: left !important;
}

.jumbotron {
	border-radius: 0;
	padding: 1rm 1rm;
	background-image: url("../img/background.png");
	background-size: 100% 125%;
	background-repeat: no-repeat;
}

.jumbotron h1 {
	font-family: 'copperplate_gothic_boldRg';
	font-weight:normal;
	font-style:normal;
	font-size: 5.5em;
	padding: 0px;
}
.jumbotron h3 {
	font-family: 'copperplate_gothic_boldRg';
	font-weight:normal;
	font-style:normal;
	font-size: 1.5em;
}
.jumbotron .changeFont {
	font-family: 'copperplate_gothic_boldRg';
	font-weight:normal;
	font-style:normal;
	font-size: 0.75em;
}

.jumbotron-color {
	background-color: #fff;
	color: rgba(0,42,128,1);
}

.sidenav {
	padding-top: 20px; 
	height: auto; 
	background-color: #f1f1f1;
}

.padding {
		padding-bottom: 20px;
}


@media screen
and (max-width: 319px)
{
	.jumbotron h3 
	{
		font-size: 0.8em;
	}
}
@media screen
and (max-width: 439px) and (min-width: 320px)
{
	.jumbotron h3 
	{
		font-size: 1em;
	}
}
@media screen
and (max-width: 575px) and (min-width: 440px)
{
	.jumbotron h3 
	{
		font-size: 1.1em;
	}
}
@media screen and (max-width: 575px){
	.sidenav {height: auto; padding: 0px;}
	li {padding-left: 0px; padding: 10px;}	
	.row.content {height:auto;} 
	.padding {padding-bottom: 0px;}
	.jumbotron h1 {
		font-family: 'copperplate_gothic_boldRg';
		font-weight:normal;
		font-style:normal;
		font-size: 4em;
		padding: 0px;
	}
	.jumbotron h3 {
		font-family: 'copperplate_gothic_boldRg';
		font-weight:normal;
		font-style:normal;
	}
	.jumbotron .changeFont {
		font-family: 'copperplate_gothic_boldRg';
		font-weight:normal;
		font-style:normal;
		font-size: 0.65em;
	}
	.jumbotron {
		background-size: 100% 65%;
	}
	.mainCall {
	position:relative;
	right:0;
	top:0;
	padding: 0px;
	padding-bottom: 20px;
	width:100%;
	padding-right: 0;
	}
	.mainshadow {
		box-shadow: 0 1rem 1rem rgba(0, 0, 0,.5)!important;
	}
	.main-button{width: 100%;}
	.center-feed {background-color: white;}
	.button-pads {padding-bottom: 20px;}
	#footer {
		test-align = center !important;
	}
}