@import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lobster&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@500&display=swap');
 
 html {
	 height: 100%;
	 padding: 0
 }
 
 * {
	box-sizing: border-box;
 }
 
 body {
	background: url('../img/bg-body.gif') fixed repeat;
	color: #595959;
	margin: 0;
	padding: 0 0 50px 0
 }
 
 @media (min-width: 900px) {
	 .box {
		 width: 900px
	 }
 }
 
 .header {
	height: 50px;
	margin-bottom: 25px    
 }
 
  .header h1 {
	font: 50px 'Lobster', cursive;
	text-align: bottom;
	color: #e49501;
	padding: 0 0 5px 20px
 }
 
 .box {
	 width: 600px;
	 margin: 40px auto;
	 padding: 0 10px 0 10px
 }
 
 .box .header-image {
	 background-image: url('../img/header-cs-600px.jpg');
	 height: 200px;
	 border-radius: 10px 10px 0 0
 }
 
 .box.box-2 .header-image {
	 background-image: url('../img/header-ny-600px.jpg');
	 height: 200px
 }
 
 .box .box-content {
	 background-color: white;
	 max-width: 600px;
	 padding: 15px 30px 15px 30px;
	 margin: 0;
	 border-radius: 0 0 10px 10px
 }
 
 .box-content:after {
	 content: "";
	 clear: both;
	 display: block
  } 
 
 
 .small-box {
	 float: left;
	 width: 50%;
	 margin: 0%;
	 padding: 0%;
	 height: 40px
 }
 
 .box-content h2 {
	 color: #404040;
	 font: 30px 'Playfair Display', serif;
	 font-weight: bold;
	 margin: 8px 0;
	 padding: 0	 
 }
 
 
 .box .box-content .menu {
	 margin: 15px 0 0 5px;

 }
 
 .box .box-content .menu a {
	 float: right;
	 background: #e49501;
	 color: #404040;
	 padding: 5px 10px;
	 margin: 0 0 5px 5px;
	 display: inblock-line;
	 text-decoration: none;
	 border-radius: 4px
 }
 
 .box .box-content .menu a:hover {
	 background: #404040;
	 color: #e49501
 }
  
 .box .box-content .menu p {
	 color: #404040;
	 font: 16px 'Roboto', sans-serif;
 }