@import url('https://fonts.googleapi.com/css?family=Raleway');
@import url('https://fonts.googleapi.com/css?family=Oswald');

:root {
  --primary: #ddd;
  --dark: #333;
  --light: #fff;
  --shadow: 0 1px 5px rgba(104, 104, 104, 0.8);
}

html,body{
    margin:0;
    padding:0;
    height:100%;
    width:100%;
    font-size: 10px;
    overflow-x: hidden;
}

.logo{
    position:center;
    opacity: 0.70;
    width:40%;
}
.logo:hover{
    opacity:1;
}
.intro{
    height:100%;
    width:100%;
    background: url(img/DSC_0326_1.jpg);
    background-position: center;
    background-attachment:fixed;
    display: table;
    top: 0;
    background-size: cover;
    
}

.intro .inner{
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    max-width: none;

}

.content{
    text-align: center;
    
}

h1{
    font-family: 'Raleway', sans-serif;
    color: #F9F3F4;
    text-shadow: 0px 0px 300px #000;
    font-size: 500%;
}
.btn{
    border-radius: 9px;
    font-family: 'Oswald', sans-serif;
    color: #036A81;
    font-size; 200%;
    padding: 10px  20px;
    border: solid #036A81 3px;
    text-transform: uppercase;
    text-decoration: none;
}
.btn:hover{
    color:aliceblue;
    border: solid aliceblue 3px;

}

/* Footer */
footer {
  margin: -20;
  background: var(--dark);
  color: var(--light);
  text-align: center;
  height: 60px;
  font-family: "Bookman Old Style";
  font-size: 20px;
}






@media (max-width: 800px) {
    
    .logo{
    position:center;
    width:40%;

    
} 
    
}