{
margin: 0;
padding: 0;
}

.wrapper {
	width: 100%;
}


.img-logo{
	max-width:400px;
	height:auto;
}


body {
	background-image: url(images/background-photo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: cover;
	background-color:#464646;
}

* {
    box-sizing: border-box;
}
.menu {
  float:left;
  width:50%;
  text-align:center;
}

.menu a {



  display:inline-block;
  width:65%;
  color:white;
  text-decoration: none;

 

  
}

a:hover {
  text-decoration: underline;

}

.menu h2 {

padding: 10px 10px 10px;
font-family: Arial, Helvetica, sans-serif;
font-size: 24px;
color: #ffffff;
line-height: auto;
}


/* For mobile devices */
@media only screen and (max-width: 375px) {
	
	
	body {
	background-image: url(images/background-photo.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-attachment: fixed;
    background-size: cover;
	background-color:#464646;
}
	
	
	
.img-logo {
max-width:200px;
height:auto;
}


	
	
.menu h2 {
	
padding: 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
color: white;
line-height: normal;
}


.menu {
  float:left;
  width:100%;
  text-align:center;
}


.menu a {

  padding:0px;
  margin-top:0px;
  display:block;
  width:100%;
  color:white;
  text-decoration: none;

  
}


a:hover {
  text-decoration: underline;

}
	}