@chartset "UTF-8";

body {
margin: 0;
padding: 0;
background-image: url("../images/plain.png");
background-size: cover;
background-size: 1800px 1000px;
background-repeat: no-repeat center;
/*background-size: 1800px 1000px;*/
}

header { 
position: relative; 
top: 0; 
width: 100%; 
height: 50px;
background-color: rgba(0, 0, 0, 0.5); 
font-family: arial;
font-size: 50px;
letter-spacing: 3px;
color: white; 
text-align: left;
padding: 20px 0 20px 0;
} 

footer { 
position: fixed;
bottom: 0; 
width: 100%; 
height: 20px;
background-color: rgba(0, 0, 0, 0.5); 
font-family: arial;
font-size: 12px;
color: white; 
text-align: center;
padding: 20px 0 15px 0;
} 

.box{
position: relative;
background-color: rgba(0, 0, 0, 0.5);
width: 60%;
height: auto;
margin-left: 20%;
margin-right: auto;
margin-top: 100px;
margin-bottom: 10px;
}

h1 {
margin-top: 250px;
margin-bottom: 200px;
color: rgba(0, 0, 0, 0.5);
font-size: 25px;
font-family: arial; 
letter-spacing: 7px;  
}

h2 {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
font-family: arial;
font-size: 18px;
color: white;
text-align: justify;
line-height: 140%;
}

h3 {
padding-top: 10px;
padding-left: 10px;
padding-right: 10px;  
font-family: arial;
font-size: 18px;
color: lightgrey;
text-align: justify;
line-height: 140%;
}

nav{
  display: block;
  position: absolute;
}

nav{
  top: 100px;
}

nav a{
  text-decoration: none;
  font: bold 17px/35px Helvetica, Sans-Serif;
  letter-spacing: 5px; 
    color: rgba(0, 0, 0, 0.5);
    padding: 25px 25px 25px 25px; 
}

nav a:hover{color: rgba(255, 0, 0, 0.5);}

a[href^=tel] {
text-decoration:inherit;
color: inherit;
}