html {
    font-family: 'Domine', serif;
}
body {
    background: url(bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    
}

h1 {
    color: #fff;
    font-size: 34px;
    font-family: 'Domine', serif;
    font-weight: 700;
}

p {
    color: #fff;
    font-size: 16px;
    margin-bottom: 40px;
    
}
.navbar-header {
    text-align: center;
}
.navbar-header p {
    color: #fff;
    
    margin-top: 20px;
    margin-bottom: 20px;;
    }
a {
    color: #f48d99;
}

a:hover {
    color: #fff;
}

ul {
    margin-top: -20px;
    color: #fff;
    list-style: none;
    margin-bottom: 20px;
}
@media (min-width:320px) { 
    .hide-mobil {
        display: none;
    }
    
.center {
    margin: auto;
    background: rgba(51, 51, 51, 0.7);
    padding: 40px;
    height: auto;
    max-width: 320px;
    float:none;
    margin-top: 20%;
    border: solid 1px #fff;
    text-align: center;
}
    
.foot {
    margin: auto;
    background: rgba(51, 51, 51, 0.7);
    padding: 40px;
    height: auto;
    max-width: 320px;
    float:none;
    margin-top: 20px;
    border: solid 1px #fff;
    text-align: center;
    color: #fff;
}

.call-to-action {
    width: 180px;
    height: 46px;
    background: #f48d99;
    color: #fff;
    border: 0;
    border-radius: 8px;
}
}
@media (min-width:768px) { 

h1 {
    color: #fff;
    font-size: 54px;
    font-family: 'Domine', serif;
    font-weight: 700;
}
.hide-mobil {
        display: block;
    }
    
.center {
    margin: auto;
    background: rgba(51, 51, 51, 0.7);
    padding: 40px;
    padding-top: 120px;
    height: auto;
    max-width: 750px;
    float:none;
    margin-top: 8%;
    border: solid 1px #fff;
    text-align: center;
}
    
.call-to-action {
        width: 250px;
    }
    
.foot {
    margin: auto;
    background: rgba(51, 51, 51, 0.7);
    padding: 40px;
    height: auto;
    max-width: 750px;
    float:none;
    margin-top: 20px;
    border: solid 1px #fff;
    text-align: center;
    color: #fff;
}
}