body {font-family: Helvetica, Arial, sans-serif;color: #222;}

p {font-size: 1.2rem;line-height: 1.2;font-weight: 500;}
h1 {font-size: 1.7rem;line-height: 1.15;letter-spacing: -.1rem;}
h2 {font-size: 1.5rem;line-height: 1.15;letter-spacing: -.1rem;}
h3 {font-size: 1.3rem;line-height: 1.15;letter-spacing: -.1rem;}

form {text-align: center;}

.navbar-toggler,
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus {
    outline: none;
    border: none;
    box-shadow: none;
}

.download ul li a {font-size: 2rem;}

.videowrapper{float:none;clear:both;width:100%;position:relative;padding-bottom:56.25%;padding-top:25px;height:0;}
.videowrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%;}

.creditcards {float:left; width:25%;}

.banner {width:100%;}
.title {font-size:0.8rem;}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffff;
}
.navbar-dark .navbar-toggler {
    color: #ffffff;
    border-color: #ffffff;
}

.leftcolumnelement {width: 100%; height:auto; background-color:#efefef;margin:10px 0 20px 0;margin:0 0 10px 0;border: solid 3px #666666;}
.leftcolumnelement .barcontent {margin: 5px 2% 5px 2%;}
.leftcolumnelement .barcontent h3 {font-size: 1.2rem;font-weight: bold;}
.leftcolumnelement .barcontent P {font-size: 1rem;color:#0069D9;}
a:link, a:visited {color:#0069D9;}

.menubutton {
    list-style: none; /* Remove default list styling */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
    text-align: center; /* Center-align the list items */
}

.menubutton li {
    margin: 10px 20%; /* Add 20% margin to the left and right */
}

.menubutton li a {
    background-color: #0069D9; /* Blue background */
    color: white; /* White text */
    padding: 15px 30px; /* Padding around the text */
    border-radius: 5px; /* Rounded corners */
    text-decoration: none; /* Remove underline from links */
    font-weight: bold; /* Make the font bold */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Add shadow for depth */
    display: block; /* Block display to fill the li */
    text-align: center; /* Center the text */
    transition: background-color 0.3s; /* Smooth background color transition */
}

.menubutton li a:hover {
    background-color: #F5F5F5;
    border-color: #0069D9;
    color: #0069D9;
}

/* Media query for screens with a max-width of 768px */
@media (max-width: 768px) {
    .menubutton li {
        margin: 10px 5%; /* Reduce the margin to 5% for mobile devices */
    }
}


.altmenus {background-color: #eeeeee;border-radius: 25px;margin:20px 0 20px 0;}
.altmenus p {font-size: 1.2rem; font-weight: 500;color:#0069D9;}


/*.altmenus .btn-outline-primary {
    background-color: #F5F5F5;
    border-color: #0069D9;;
    margin-bottom: 5px;
}
.altmenus .btn-outline-primary:hover {
    background-color: #0069D9;
    color: #F5F5F5;
}*/


.altmenus .btn-outline-primary {
    background-color: #0069D9;
    color: #F5F5F5;
    margin-bottom: 5px;
}
.altmenus .btn-outline-primary:hover {
    background-color: #F5F5F5;
    border-color: #0069D9;
    color: #0069D9;
}








.menu ul {list-style-type: none;padding: 0;}
.menu a {display: block;}
.menu li {display: inline; float:left;}
.menu a:link, .menu a:visited {
display: block;
font-weight: bold;
background-color: #eeeeee;
text-align: center;
padding: 6px;
margin: 0 2px 2px 0 ;
text-decoration: none;
border:solid 1px #666666;
}


.copyright {color:#eeeeee; background-color:#343A40;}

@media only screen and (min-width: 600px) { .title { font-size: 0.9rem; } }