.heading-text {
font-family: graphikbold;
font-size: 38px;
line-height: 1;
margin-bottom: 20px;
color: #0D4C88;
}
.hero-1 {
position: relative;
margin-bottom: 15px;
}
.hero-2 {
position: relative;
margin-bottom: 15px;
}
.hero-3 {
position: relative;
margin-top: -80px;
z-index: 0;
}
.hero-button-1 a{
position:absolute;
font-size: 32px;
padding:8px 24px;
top:70%;
left:50%;
margin-left: -114px; /* 122px is allways half of the button's width */
background:#0D4C88;
color: white;
cursor: pointer;
text-decoration: none;
z-index: 2;
}
.hero-button-2 a{
position:absolute;
font-size: 32px;
padding:8px 24px;
top:70%;
left:50%;
margin-left: -66px; /* 122px is allways half of the button's width */
background:#0D4C88;
color: white;
cursor: pointer;
text-decoration: none;
z-index: 2;
}
.hero-button-3 a{
position:absolute;
font-size: 32px;
padding:8px 24px;
top:16%;
left:50%;
margin-left: -73px; /* 122px is allways half of the button's width */
background:#0D4C88;
color: white;
cursor: pointer;
text-decoration: none;
}
#hero-bg {
padding-top: 65px;
background: url("../images/hero-bg.png");
background-repeat: no-repeat;
background-size: cover;
position: relative;
}
.bg-button a{
color:#fff
}
.bg-secondary p {
padding-bottom: 0px !important;
font-size: 16px;
}
.bg-secondary {
padding: 10px 15px 0 15px !important;
}
@media (max-width: 990px) {
.hero-3 {
position: relative;
margin-top: 0px;
}
.hero-button-1 a{
font-size: 22px;
top:76%;
left:50%;
margin-left: -73px; /* 122px is allways half of the button's width */
}
.hero-button-2 a{
font-size: 22px;
top:76%;
left:50%;
margin-left: -45px; /* 122px is allways half of the button's width */
}
.hero-button-3 a{
font-size: 22px;
top:76%;
left:50%;
margin-left: -45px; /* 122px is allways half of the button's width */
}
}