body  {
background-image: url(../images/hatter.jpg);
background-color: #e6f4ff;
background-repeat: no-repeat;
background-attachment: fixed;
color: #403f76;}



.mod-languages {
max-width: 120px;
float: right;}

.container-header {
width: 100%;
position: fixed;
background-color: #e6f4ff;
border-style: solid;
border-width: 2px;
border-color: white;}

.container-header .grid-child {
height: 40px;
padding-top: 30px;}

.top-a.card {
border-radius: 25px;
background: transparent;}

.card-body {
padding-bottom: 0;}

.main-top {
background: none;
height: 170px;
padding: 0;
border: none;}

.container-topbar {
background-color: rgba(255, 255, 255, 0.8)
color: #fff;}

.container-header .mod-menu {
font-family: 'arial black', 'avant garde';
font-size: smaller;
padding-top: 5px;
position: absolute;
right: 10%;}

.container-header .mod-menu>li {
color: #403f76;}


.container-header .grid-child  {
background-color: #e6f4ff;}


.navbar-brand {
  text-align: center;
  width: 100%;
background: none;}

.container-banner {
    margin: 0 0 0;
    display: block;}

div.mod-languages ul {
    text-align: center;}

.container-header .grid-child {
    padding: 0;}

.container-banner.full-width {
padding-top: 15px;}


.container-top-a>* {
z-index: 99;
position: fixed;
top: 0;
left: 2%;
max-width: 200px;
border: none;}

.footer {
background-color: #e6f4ff;
background-image: none;
color: #403f76;
padding: 5px;
font-size: 80%;}

.footer .grid-child {
 padding: 10px 0 10px 0;}

.item-page {
background-color: #fff;
padding: 5px;
padding-top:15px;
margin-top: 5%;}

.item-page ul.sigFreeClassic {
margin-left: 15% !important;}

body:not(.has-sidebar-right) .site-grid .container-component {
background-color: #fff7b2;
background-color: rgba(255, 255, 255, 0.1);
padding: 25px;
border-radius: 25px;
margin-top: 10px;}

.com-contact {
margin: auto;
width: 70%;
background-color: #fff;
padding: 20px;
border-radius: 15px;}

.contact-misc {
text-align: center;}

@media (width <= 1000px) {

.container-header .grid-child {
background-image: url(../images/viz.gif);
height: 30%;
max-height: 400px;
position: fixed;
border-style: solid;
border-width: 1px;
border-color: white;}


.container-header .mod-menu {
position: fixed;
left: 45%;
margin-top: 10px;}

.container-header .mod-menu li {
color: #b8ddfa;
height: 30px;}


.container-header .mod-menu a:hover {
color: white;}

.item-page {
margin-top: 48%;
width: 100vw;}

.item-page .table {
width: 100%;}

.item-content {
margin-top: 33%;
padding: 0;}

.com-contact {
width: 100%;
margin: 0;
margin-top: 40%;}

body {
border-radius: 0px;
padding: 0;
width: 100%;}

body:not(.has-sidebar-right) .site-grid .container-component {
background-color: #fff7b2;
background-color: rgba(255, 255, 255, 0.1);
padding: 0;
border-radius: 0px;
margin-top: 10px;}


}