/*body {
min-height:1100px;
position:relative;
}
*/

body {
min-height: 1100px;
font-family: "Lato", sans-serif;
    position: absolute;
  margin-bottom: 500px;
    padding-bottom: 8vm;
     width:100%;
    }
   html {
   height: 100%;
  box-sizing: border-box;
 width:100%;
}


.margin_home {
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
}

@media screen and (max-width: 600px) {
  body {
    min-height: 1100px;
 font-family: "Lato", sans-serif;
  position: relative;
  margin: 0;
  padding-bottom: 6rem;
  width:100%;
 }
html {
  //height: 50%;
  box-sizing: border-box;
  width:100%;
}
}

@media screen and (max-height: 900px) {
body {
min-height: 900px;
}
}

img {
transform: translateZ(0) scale(0.999999);
}

/*
@media screen and (max-height: 800px) {
 body {
min-height: 1050px; 
}
}
*/

.footerstyle {
  color:#fff;
  position:absolute;
  width:100%;
  left:0;
  //margin-top:50px;
  //bottom:-100px;
  padding:20px 0px;
  text-align:center;
  background:#525252;
}

.footerstyle a {
text-decoration:none;
}

.copyright {
color:#000;
text-decoration:none;
}

.copyright a {
color:white;
text-decoration:none;
}

@media screen and (max-width: 600px) {

.footerstyle {
//position:absolute;
//width:100%;
//margin-top:50px;
//bottom:-99px;
}
}

/**
@media screen and (max-height: 1000px) and (min-width:600px) {

.footerstyle {
position:absolute;
//width:100%;
margin-top:50px;
bottom:-20rem;
}
}
*/

.center {
display: block;
  margin-left: auto;
  margin-right:auto;
}

.container_home {
 display: block;
  //margin-left: auto;
  //margin-right:auto;
  //margin-top:50px;
  margin-bottom: 50px;
  
  max-width: 90%;
  height:auto;
  width:700px;
  color:blue;
  //font-size: 40px;
  //padding:10px 30px;
  padding: 30px 0px 30px 0px;
  text-align:left;
  border: solid 3px blue;
  opacity:1;
}

.logo {
  display: block;
  margin-left: auto;
  margin-right:auto;
  margin-top:50px;
  margin-bottom: 50px;
  max-width: 80%;
  height:auto;
  width:700px;
  color:blue;
  font-size: 30px;
  padding:10px 30px;
  //padding: -50px 10px 30px 10px;
  text-align:left;
  border: solid 3px blue;
  opacity:0.8;
 //-webkit-text-stroke: 1px #4287f5;
}

.logo img {
width:90px;
float:right;
transform: translateZ(0) scale(0.999999);
}

@media screen and (max-width: 812px) {
.logo {
margin-top:0px;
font-size:25px;
padding-left:5px;
padding-right:5px;
//margin-left:5px;
max-width:80%;
}
.logo img {
position:absolute;
top:10px;
right:2px;
//display:none;
width:90px;
}
}


@media screen and (max-width: 550px) {
.logo {
margin-top:0px;
font-size:23px;
padding-left:5px;
padding-right:5px;
//margin-left:5px;
max-width:85%;
}

.logo img {
//width:70px;
}
}

@media screen and (max-width: 800px) {
.logo img {
width:70px;
margin-right:10px;
}
}




/* Add a black background color to the top navigation */
.topnav {
  display:block;
  height:auto;
  //background-color: #3b1513;
  //overflow: hidden;
  //padding: 14px 0px;
  margin-bottom:50px;
  max-width:1000px;
}

/* Style the links inside the navigation bar */
.topnav a {
  //position:relative;
  //display: flexbox;
  display:inline-block;
  box-sizing: border-box;
  height:50%;
  //width:200px;
  width:22%;
  
  //float: left;
  color: blue;
  margin-left:5px;
  margin-right:5px;
  text-align: center;
  //padding-top:12px;
  padding: 14px 0px;
  text-decoration: none;
  font-size: 23px;
  font-weight: bold;
  //-webkit-text-stroke: 1px #4287f5;
  background:white;
  opacity: 0.8;
  border: solid 3px blue;
}

/* Change the color of links on hover */
.topnav a:hover {
  background-color: #1cc6ff;
  color: black;
}

/* Add a color to the active/current link */
.topnav a.active {
  background-color: #04AA6D;
  color: white;
}


@media screen and (max-width: 800px) {
.topnav {
//margin-left: 45px;
//margin-bottom:-1000px;
margin-bottom: 0px;
}
}

/* On screens that are 900px wide or less, go from four columns to two columns */
@media screen and (max-width: 800px) {
  .topnav a {
    width: 20%; 
margin-left:2px;
}
}

/* On screens that are 600px wide or less, go from two columns to one columns */
@media screen and (max-width: 600px) {
  .topnav a {
    width: 90%;
   margin-left:-2px; 
 }

}


.bottomtext {
position:relative;
float:left;
-webkit-text-stroke: 1px #4287f5;
color:white;
margin-top:30px;
margin-left:20px;
font-size: 23px;
}

@media screen and (max-width: 700px) {
.bottomtext {
//display:block;
float:none;
margin-left:auto;
text-align:center;
margin-top:-100px;
//margin-left:50px;
margin-right:auto;
margin-bottom:5px;
}
}


.bottomimage {
position:relative;
width:300px;
float:right;
margin-right:20px;
}

@media screen and (max-width: 700px) {
.bottomimage {
display:block;
float:none;
margin-left:auto;
margin-right:auto;
align:center;
}
}

.bottom_container {
position:absolute; 
bottom:0px; 
width:100%;
padding-bottom:-20px;
}

@media screen and (max-width: 600px) {
.bottom_container {
position:absolute;
bottom:38px;
//padding-bottom:20px;
}
}


@media screen and (min-height:1100px) and (min-width: 600px) {
.bottom_container {
position:fixed;
bottom:100px;
}
}

.search_container {
max-width:300px;
float:right;
margin-right:-30px;
margin-top:50px;
background:white;
//background:#e8f6fc;
opacity:1;
border: solid 2px blue; 
padding:15px 10px 20px 10px;
}


@media screen and (max-width: 600px) {
.search_container {
position:absolute;
padding:10px;
top:38px;
right: 20px;
width:150px;
max-width:150px;


//float: left;
  }
}