/*GLOBAL */

.body{ 
padding-top: 120px; 
}


h1 {
text-align: center;
font-family: 'Kalam', cursive;
}

h2 {
font-family: 'Kalam', cursive;
   
}

h3 {
font-family: 'Kalam', cursive;
   
}


.unterschrift {
font-family: 'Raleway', sans-serif;
font-weight: bold;
font-size: 150%;
color: orangered;
}

.main{
padding-top: 200px;
padding-bottom: 200px;
padding-left:400px;
padding-right:400px;
}

.content {
background-image: url(background.jpg);
background-repeat:no-repeat;
background-size: 100%;
   
}

.img-circle {
border: solid;
}

.float{
float: left;
margin: 10px 20px;

}

.col{
width: 300px;
height: auto;
margin: 0px 100px;
}

p {
font-family: 'Raleway', sans-serif; 
    font-size: 120%; 
}
ul {font-family: 'Raleway', sans-serif; 
    text-align: left;
    font-size: 120%;
    
}
.block {
font-family: 'Raleway', sans-serif;
text-align: center;
font-size: 120%;
line-height: 1.5;

}

.center{
text-align: center;
}

.ueberschrift {
margin: 50px;
}
.left {
font-family: 'Raleway', sans-serif;
text-align: left;
font-size: 120%;
line-height: 1.5;

}

.btn{
font-family: 'Raleway', sans-serif;
font-weight: bold;
}

.btn-lg{
margin: 20px;
}

.iframe{
width: 300px;
height: 250px;
border-color: #fbb03c;
border-style: solid;
}

.price{
font-family: 'Raleway', sans-serif;    
font-weight: bold;
color: #fbb03c;
font-size: 180%;
text-align:center;
}

.glyphicon {
font-size: 200%;
}

/*NAVBAR */

.navbar{
font-family: 'Raleway', sans-serif;
font-size: 120%;
}

.brand{
width: 300px;
height: auto;
}




@media (max-width:700px) {

.background img
{width: 100%;
height: 200px;
}

.btn-lg {
margin: 0px;
}

.main {padding-top: 50px;
padding-bottom: 50px;
padding-left:50px;
padding-right:50px;}
    
.glyphicon {
font-size: 100%;
}
}


@media (max-width:1200px) {

.main {padding-top: 50px;
padding-bottom: 50px;
padding-left:100px;
padding-right:100px;}
}