@charset "utf-8";

body {
  background-color: black;
  margin: 0;
  font-family: "Times New Roman", Times, serif;
}




.navbar {

    margin-right: 10px;
    margin-top: 10px;
    float: right;
}



.navbar a:hover {
  background-color: #202020;
  color: #c3c3c3;
  border: double #c3c3c3;  
}

/*mobile*/
@media screen and (max-width: 768px) {
.navbar a {
  background-color: #000000;
  color: white;
  font-family: "Times New Roman", Times, serif;
  border: double;
  padding: 7px 7px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 9px;
  margin: 4px 2px;
  cursor: pointer;
}
.header {
  max-width: 130px;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
  position: static;
  top: 0;
  left: 0;
}

img {
    width: 100%;
    max-width: 300px;
  }


}


/* For desktop: */
@media only screen and (min-width: 768px) {
.navbar a {
  background-color: #000000;
  color: white;
  font-family: "Times New Roman", Times, serif;
  border: double;
  padding: 7px 7px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 15px;
  margin: 4px 2px;
  cursor: pointer;
}

.header {
  max-width: 40%;
	margin-top: 5px;
	margin-bottom: 20px;
	margin-left: 5px;
  position: static;
  top: 0;
  left: 0;
}

img {
width: 50%;
height: 100%;
}
}


h1 {
	color:white;
	text-transform: uppercase;
	font-size: 2em;
	letter-spacing: 0.5em
}



.inline-block {
   display: inline-block;
   font-size: 20px;
}


.body {
  word-break: normal;
  LINE-HEIGHT:30px;
  font-size: 24px;
  font-family: "Times New Roman", Times, serif;

}


figure {
    width: intrinsic;
}