2014-10-16 20:01:43 +02:00
|
|
|
|
|
|
|
.browsehappy {
|
|
|
|
margin: 0.2em 0;
|
|
|
|
background: orange;
|
|
|
|
color: white;
|
|
|
|
padding: 0.2em 0;
|
|
|
|
}
|
|
|
|
|
|
|
|
#navigation {
|
|
|
|
ul {
|
|
|
|
list-style: none;
|
|
|
|
}
|
|
|
|
li {
|
|
|
|
display: inline-block;
|
|
|
|
padding: 0 10px;
|
|
|
|
}
|
|
|
|
h1 {
|
2014-10-20 15:08:28 +02:00
|
|
|
text-align: center;
|
2014-10-16 20:01:43 +02:00
|
|
|
font-family: @font-family-mono;
|
2014-10-20 15:08:28 +02:00
|
|
|
margin-bottom: 15px;
|
|
|
|
|
|
|
|
}
|
|
|
|
@media (min-width: @screen-sm-min) {
|
|
|
|
ul {
|
|
|
|
float: right;
|
|
|
|
margin: 30px 0;
|
|
|
|
}
|
|
|
|
h1 {
|
|
|
|
float: left
|
|
|
|
}
|
|
|
|
}
|
|
|
|
a {
|
2014-10-16 20:01:43 +02:00
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
h2 {
|
|
|
|
text-align: center;
|
|
|
|
font-size: 35px;
|
|
|
|
@media (min-width: @screen-sm-min) {
|
|
|
|
font-size: 50px;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.btn-cta {
|
|
|
|
.transition(all @animation-duration);
|
|
|
|
padding: 10px 50px;
|
|
|
|
border: 2px solid @red;
|
|
|
|
font-size: 20px;
|
|
|
|
color: @red;
|
2014-10-20 18:20:49 +02:00
|
|
|
border-radius: 10px;
|
2014-10-16 20:01:43 +02:00
|
|
|
display: inline-block;
|
|
|
|
&:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
border-color: @dark-blue;
|
|
|
|
color: @dark-blue;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
|
|
|
.wrapper {
|
|
|
|
margin: 0 auto;
|
|
|
|
max-width: 1100px;
|
|
|
|
.container;
|
|
|
|
}
|
|
|
|
|
|
|
|
section {
|
2014-10-20 11:15:41 +02:00
|
|
|
// padding: 50px 0
|
2014-10-16 20:01:43 +02:00
|
|
|
}
|
|
|
|
|
|
|
|
img {
|
|
|
|
max-width: 100%;
|
|
|
|
margin: 0 auto;
|
|
|
|
}
|
|
|
|
|
|
|
|
a:hover {
|
|
|
|
text-decoration: none;
|
|
|
|
color: inherit ;
|
|
|
|
}
|