
@media screen 
and (300px <= device-width <= 500px) 
and (700px <= device-height <= 900px) 
{

.slider_logo {
	height:				220px;
	width:				92%;
	padding-right:		20px;
	margin-top:			-180px;
	margin-bottom:		150px;
}

#header_logo {
	height:				100px;
	width:				450px;
}

#footer_logo {
	height:				50px;
}

.form-radio,
.form-group {
  margin-top: 6.15rem;
  margin-bottom: 6.15rem;
}

.form-group input {
  height: 8.9rem;
}

.form-group select {
  height: 8.9rem;
}

.form-help {
	font-size:			400%;
}

.form-group select {
	font-size:			400%;
}

.form-group .control-label {
	font-size:			300%;
  	top: 				-3rem;
}

.form-group input,
.form-group textarea {
	font-size:			400%;
	line-height:		1.2;
}

.form-group select ~ .control-label,
.form-group input:focus ~ .control-label,
.form-group input:valid ~ .control-label,
.form-group input.form-file ~ .control-label,
.form-group input.has-value ~ .control-label,
.form-group textarea:focus ~ .control-label,
.form-group textarea:valid ~ .control-label,
.form-group textarea.form-file ~ .control-label,
.form-group textarea.has-value ~ .control-label {
	font-size:			300%;
  	top: 				-3rem;
}

.radio .helper {
	font-size:			400%;
}

p {
	font-size:			400%;
	line-height:		1.2;
	margin-top:			40px;
}



ul {
	margin-left:		0px;
	margin-top:			40px;
	columns: 			1;
	-webkit-columns: 	1;
	-moz-columns: 		1;	
	max-width:			80%;
}

li {
	font-size:			400%;
	line-height:		80px;
	margin-bottom:		30px;
	padding-left: 		30px;
}


h1 {
	font-size:			600%;
	padding-top:		70px;
}

h2 {
	font-size:			600%;
}


h3 {
	font-size:			600%;
}
.button {
	font-size:			600%;
}

.nav-link,
.nav-link:hover,
.nav-link:active,
.nav-link:visited{
	font-size:			600%;
}

.caption{
	font-size:			600%;	
}


.topnav a {

	font-size:			400%;
}

.topnav.responsive a.icon {
	position: 			absolute;
	right: 				0;
	top:				0px;
	font-size:			400%;
	font-weight:		bold;
	color:				#fff !important;
	border:				solid 3px #fff;
	border-radius:		20px;
	box-shadow::		none;
}

.topnav .icon {
	font-size:			400%;
	font-weight:		bold;
	color:				#fff !important;
	border:				solid 3px #fff;
	border-radius:		20px;
	box-shadow::		none;
}

.dropdown .dropbtn {
	font-size:			400%;
}

.inline-picture{
	display:			block;
	background-position:center;
	width:				100%;
}

.left {
	float:				none;
	margin:				40px;
	
}

.right {
	float:				none;
	margin:				40px;
	
}

.quarter{
	width:				100%;	
}

.third{
	width:				100%;	
}

.half{
	width:				100%;
}

.2thirds{
	width:				100%;
}

.button {
	width:				80%;
	/*height:				150px;*/
	border-radius:		75px;
	font-size:			50px;
	padding:			40px;
}

.caption{
	padding-top:		100%;
}


.grid-container2 {
    grid-template-columns: 1fr;
}

.grid-container3 {
    grid-template-columns: 1fr;
}


.topnav a:not(:first-child), 
.dropdown .dropbtn {
	display: 			none;
}

.topnav a.icon {
	float: 				right;
	display: 			block;
  }

.topnav.responsive  {
	position: 			relative;
	padding-top:		100px;
}

.topnav  {
	position: 			relative;
}

#myTopnav {
	margin-top:			0px;
}


#header_logo {
	margin-bottom:		-110px;
}

.topnav.responsive a.icon {
	position: 			absolute;
	right: 				0;
	top:				0px;
}

.topnav.responsive a {
	float:				none;
	display:			block;
	text-align: 		left;
}

.topnav.responsive .dropdown {
	float: 				none;
}

.topnav.responsive .dropdown-content-hidden,
.topnav.responsive .dropdown-content  {
	position: 			relative;
	margin-top:			auto;
}

/*
.dropdown:hover .dropdown-content-hidden,
.dropdown:hover .dropdown-content {
	display: 			block;
}
*/
.dropdown-content {
	display: 			block;
}
.topnav.responsive .dropdown .dropbtn {
	display: 			block;
	width: 				100%;
	text-align: 		left;
}
}

@media screen 
and (min-width: 41.75em) 
and (max-width: 47.9375em) 
{

ul {
	columns: 			1;
	-webkit-columns: 	1;
	-moz-columns: 		1;	
}

.inline-picture{
	display:			block;
	background-position:center;
	width:				100%;
}

.left {
	float:				none;
	margin:				40px;
	
}

.right {
	float:				none;
	margin:				40px;
	
}

.quarter{
	width:				100%;	
}

.third{
	width:				100%;	
}

.half{
	width:				100%;
}

.2thirds{
	width:				100%;
}

.button {
	width:				80%;
	/*height:				150px;*/
	border-radius:		75px;
	font-size:			50px;
	padding:			40px;
}

.caption{
	padding-top:		100%;
}


.grid-container2 {
    grid-template-columns: 1fr;
}

.grid-container3 {
    grid-template-columns: 1fr;
}


.topnav a:not(:first-child), 
.dropdown .dropbtn {
	display: 			none;
}

.topnav a.icon {
	float: 				right;
	display: 			block;
  }

.topnav.responsive  {
	position: 			relative;
	padding-top:		50px;
}

.topnav  {
	position: 			relative;
}

#myTopnav {
	margin-top:			0px;
}


#header_logo {
	margin-bottom:		-110px;
}

.topnav.responsive a.icon {
	position: 			absolute;
	right: 				0;
	top:				0px;
}

.topnav.responsive a {
	float:				none;
	display:			block;
	text-align: 		left;
}

.topnav.responsive .dropdown {
	float: 				none;
}

.topnav.responsive .dropdown-content-hidden,
.topnav.responsive .dropdown-content  {
	position: 			relative;
	margin-top:			auto;
}

/*
.dropdown:hover .dropdown-content-hidden,
.dropdown:hover .dropdown-content {
	display: 			block;
}
*/
.dropdown-content {
	display: 			block;
}
.topnav.responsive .dropdown .dropbtn {
	display: 			block;
	width: 				100%;
	text-align: 		left;
}
}



@media screen 
and (max-width:1500px)
{

.grid-container2 {
    grid-template-columns: 1fr;
}

.grid-container3 {
    grid-template-columns: 1fr;
}

.grid-container4 {
    grid-template-columns: 1fr 1fr;
}

}

@media screen 
and (max-width:900px)
{

ul {
	columns: 			1;
	-webkit-columns: 	1;
	-moz-columns: 		1;	
}

.inline-picture{
	display:			block;
	background-position:center;
	width:				100%;
}

.left {
	float:				none;
	margin:				40px;
	
}

.right {
	float:				none;
	margin:				40px;
	
}

.quarter{
	width:				100%;	
}

.third{
	width:				100%;	
}

.half{
	width:				100%;
}

.2thirds{
	width:				100%;
}

.button {
	width:				80%;
	/*height:				150px;*/
	border-radius:		75px;
	font-size:			50px;
	padding:			40px;
}

.caption{
	padding-top:		100%;
}


.grid-container2 {
    grid-template-columns: 1fr;
}

.grid-container3 {
    grid-template-columns: 1fr;
}



.grid-container4 {
    grid-template-columns: 1fr;
}

.topnav a:not(:first-child), 
.dropdown .dropbtn {
	display: 			none;
}

.topnav a.icon {
	float: 				right;
	display: 			block;
  }

.topnav.responsive  {
	position: 			relative;
	padding-top:		50px;
}

.topnav  {
	position: 			relative;
}

#myTopnav {
	margin-top:			0px;
}


#header_logo {
	margin-bottom:		-110px;
}

.topnav.responsive a.icon {
	position: 			absolute;
	right: 				0;
	top:				0px;
}

.topnav.responsive a {
	float:				none;
	display:			block;
	text-align: 		left;
}

.topnav.responsive .dropdown {
	float: 				none;
}

.topnav.responsive .dropdown-content-hidden,
.topnav.responsive .dropdown-content  {
	position: 			relative;
	margin-top:			auto;
}

/*
.dropdown:hover .dropdown-content-hidden,
.dropdown:hover .dropdown-content {
	display: 			block;
}
*/
.dropdown-content {
	display: 			block;
}
.topnav.responsive .dropdown .dropbtn {
	display: 			block;
	width: 				100%;
	text-align: 		left;
}
}


@media print {


.fixed-top{
	position:			relative;
	top: 				0px;
	width: 				100%;
	z-index:			20;
}	

.slideshow-container {
    padding-top: 0px;
}

.break {
   page-break-after: always;
}
}
