_header.scss
3.86 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
#main-nav{
height: 123px;
}
.navbar-brand{
@media (max-width: 786px) {
margin: auto;
}
}
#wrapper-navbar{
position: fixed;
-webkit-box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
box-shadow: 0px 7px 15px -3px rgba(0,0,0,0.39);
width: 100%;
z-index: 999;
background-color: #fff;
}
.home-header-moibile{
display: none;
@media (max-width: 786px) {
position: relative;
top: 123px;
display: block;
width: calc(100vw + 0px);
height: auto;
margin-left:0%;
margin-right: -25%;
img{
max-width: calc(100vw + 15%);
width: calc(100vw + 15%);
}
}
}
.home-header{
position: relative;
height: 100%;
overflow: hidden;
min-height: 712px;
background-repeat: no-repeat;
background-size: cover;
background-position: bottom;
display: flex;
align-content: space-around;
flex-wrap: wrap;
top: 120px;
@media (max-width: 786px) {
background-image: none !important;
background-color: #183668 !important;
min-height: 390px;
}
.content-container{
margin-left: 35%;
width: 100%;
max-width: 900px;
padding-bottom: 60px;
@media (max-width: 786px) {
margin-left: 35px;
margin-right: 20px;
padding-bottom: 100px;
}
h1,
h2{
br{
@media (max-width: 786px) {
display: none;
}
}
font-family: "trade-gothic-next", sans-serif;
font-weight: 400;
font-style: normal;
color: #183668;
text-align: left;
display: flex;
font-size: 40px;
line-height:50px;
font-weight: 300;
@media (max-width: 786px) {
color: #fff;
}
@media only screen and (max-width: 786px) {
font-size: 30px;
line-height:40px ;
}
}
h1{
margin-bottom: 40px;
}
h2{
font-weight: 700;
}
}
}
.home-header:after{
background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="1375.236" height="129.476" viewBox="0 0 1375.236 129.476"><g id="Group_62" data-name="Group 62" transform="translate(9.236 -638.524)"><g id="White_block_frame" data-name="White block frame" transform="translate(370.207 246.873)"><path id="Path_1" data-name="Path 1" d="M995.793,324.6v99.616l-1375.236-.206V324.931l1204.476-.014,18.5.02c.04.36.07.71.11,1.08,2.35,1,4.91,3.14,6.99,2.75a48.779,48.779,0,0,0,10.78-3.81c.65-.29,1.3-.59,1.94-.88,3.26-1.49,6.07-4.03,9.93-1.1.93.7,3.12.38,4.43-.16,3.78-1.58,7.71-3.07,10.99-5.41,6.1-4.35,8.67-5.03,13.66-1.2,1.9,1.45,2.99,3.91,4.59,5.82a16.656,16.656,0,0,0,2.79,3,.786.786,0,0,0,.63.18,6.293,6.293,0,0,1,1.07-.18h.89c2.65.19,4.48,2.17,6.78,3.19a3.9,3.9,0,0,0,3.56-.7,14.172,14.172,0,0,0,1.65-2.47c.55-1.02,1.07-2.11,1.69-3.21h-6.04c2.23-3.3,4.09-6.05,6.29-9.3-1.87.21-2.9.32-4.71.51,1.17-1.84,1.93-3.11,2.73-4.34.83-1.28,2.65-2.85,2.36-3.76-1.52-4.83,2.81-6.63,3.98-9.99.52-.07,1.05-.15,1.58-.22,2.58,5.96,5.17,11.92,7.87,18.15h-3.66c1.99,3.1,3.74,5.83,5.84,9.08H936.6c.8,1.06,1.56,2.08,2.31,3.1,1.48,1.99,2.96,3.98,4.7,6.33.66-2.27,1.25-4.35,1.83-6.32.69-2.44,1.34-4.72,2-6.99l1.22.06a13.36,13.36,0,0,1,1.37,2.79c.34,1.39.68,2.76,1.01,4.15q2.28,9.36,4.45,18.76a18.665,18.665,0,0,0,5.1,8.77c2.72,2.89,4.19,6.95,6.26,10.46.89,1.49,1.91,2.89,3.35,5.05,2.31-5.51,4.35-9.78,5.89-14.22,1.36-3.93,5.42-7.07,3.25-12.16-.67-1.54.03-3.85.53-5.68.89-3.19,2.12-6.28,3.21-9.41.63.04,1.27.07,1.91.1q1.92,8.58,3.83,17.16c.36.02.72.03,1.08.05,1.25-3.03,2.58-6,3.71-9.06A29.945,29.945,0,0,0,995.793,324.6Z" transform="translate(0 96.914)" fill="%23fff"/></g></g></svg>');
content: "";
display: block;
width: 100%;
height: 100px;
background-position: right top;
background-size: cover;
margin-top: 0px;
position: absolute;
bottom: -10px;
z-index: 999;
}
.home-page{
margin-top: -40px;
padding-bottom: 0px;
.entry-content {
margin-top: 120px;
position: relative;
z-index: 99;
@media (max-width: 786px) {
margin-top: 126px;
// margin-top: 60px;
}
}
}