@charset "utf-8";
/* CSS Document */
* {
  box-sizing:border-box;
}

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

#box-container {
display:block;
width:75%;
margin:auto;
}

.box-container-img {
display:block;
width:75%;
margin:auto;
}

.logoimg {

margin:auto;

}


.footer {
display:block;
background:#000033;
width:100%;
margin-top:50px;
padding:5px;
text-align:center;
color:#fff;
font-weight:bold;
font-size:15px;
}

#nav {
margin:auto;
    width:80%;
	font-family: Arial, Helvetica, sans-serif;
	margin-top:0;

    }

#nav ul {
    list-style:none;
    background-color:#FF0000;

    }

#nav ul li {
    display:inline-block;
    line-height:38px;
    }

#nav ul li a {
    margin:10px;
    color:#FFF;
    padding:4px;
    font-size:15px;
    text-decoration:none;
	font-weight:bold;
    }

#nav ul li a:hover {
    border-bottom:3px #FFF solid;
    }

#nav ul li .active {
    border-bottom:3px #FFF solid;
    }

.topnav {
 display:none;
}

.box-button {
display:block;
float:right;
}
a.LinkButton {
    background-color: red;
  color: white;
  padding: 0.6em 1em;
  text-decoration: none;
width:400px;
}

a.LinkButton:hover {
  background-color: #FF0000;
color: white;
}

a.LinkButton:active {
  background-color: red;
color: white;
}

a.LinkButton:visited {
  background-color: red;
color: white;
}
.blink {
  animation: blink-animation 1s steps(5, start) infinite;
  -webkit-animation: blink-animation 1s steps(5, start) infinite;
}
@keyframes blink-animation {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes blink-animation {
  to {
    visibility: hidden;
  }
}

@media screen and (min-width: 320px) and (max-width:760px){
#nav {
	margin:auto;
    width:80%;
	font-family: Arial, Helvetica, sans-serif;
	display:none;
    }

	#box-container {
width:100%;
text-align:center;
color:#000033;
font-weight:bold;

}
	.logoimg {
width:100%;
}


.footer {
	display:block;
background:#000033;
width:100%;
margin-top:50px;
padding:5px;
text-align:center;
color:#fff;
font-size:12px;
}


.mobile-container {
  max-width: 480px;
  margin: auto;
  background-color: #555;
  height: 500px;
  color: white;
  border-radius: 10px;
}

.topnav {
  overflow: hidden;
  background-color: #B90000;
  position: relative;
  display:block;
  font-family: Arial, Helvetica, sans-serif;
  margin-top:0;
}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

.topnav a.icon {

  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #F20000;

}

.active {
  background-color: #F20000;
  color: white;
}

}