Skip to content

Jeff Balicki / FP_Canada

Go to a project
Toggle navigation
Toggle navigation pinning
fc142213 by Jeff Balicki
Options

numbers

1 parent decadcc5
Inline Side-by-side
Showing 6 changed files with 94 additions and 16 deletions
...@@ -15652,11 +15652,54 @@ h2, .h2 { ...@@ -15652,11 +15652,54 @@ h2, .h2 {
15652 .navbar-brand.custom-logo-link { 15652 .navbar-brand.custom-logo-link {
15653 float: right; 15653 float: right;
15654 margin-right: 0rem; 15654 margin-right: 0rem;
15655 position: relative;
15656 z-index: 9999;
15655 } 15657 }
15656 .navbar-brand.custom-logo-link img { 15658 .navbar-brand.custom-logo-link img {
15657 width: 135px; 15659 width: 135px;
15658 } 15660 }
15659 15661
15662 #Layer_1 {
15663 left: 0px;
15664 top: 0px;
15665 position: absolute;
15666 }
15667 @media (min-width: 1400px) and (max-width: 1500px) {
15668 #Layer_1 {
15669 transform: scale(1.3);
15670 top: 50px;
15671 }
15672 }
15673 @media (min-width: 1300px) and (max-width: 1400px) {
15674 #Layer_1 {
15675 transform: scale(1.2);
15676 top: 50px;
15677 }
15678 }
15679 @media (min-width: 1200px) and (max-width: 1300px) {
15680 #Layer_1 {
15681 transform: scale(1.3);
15682 top: 50px;
15683 }
15684 }
15685 @media (min-width: 1000px) and (max-width: 1199px) {
15686 #Layer_1 {
15687 transform: scale(1.6);
15688 top: 130px;
15689 }
15690 }
15691 @media (max-width: 999px) {
15692 #Layer_1 {
15693 transform: scale(1.8);
15694 top: 150px;
15695 }
15696 }
15697 @media screen and (max-width: 768px) {
15698 #Layer_1 {
15699 top: 50px;
15700 }
15701 }
15702
15660 @media (min-width: 1400px) { 15703 @media (min-width: 1400px) {
15661 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { 15704 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
15662 max-width: 1366px; 15705 max-width: 1366px;
...@@ -15672,7 +15715,7 @@ h2, .h2 { ...@@ -15672,7 +15715,7 @@ h2, .h2 {
15672 margin-bottom: -16px; 15715 margin-bottom: -16px;
15673 position: relative; 15716 position: relative;
15674 } 15717 }
15675 @media screen and (max-width: 768px) { 15718 @media screen and (max-width: 780px) {
15676 .wrapper { 15719 .wrapper {
15677 top: 66px !important; 15720 top: 66px !important;
15678 } 15721 }
...@@ -15694,13 +15737,13 @@ h2, .h2 { ...@@ -15694,13 +15737,13 @@ h2, .h2 {
15694 display: flex; 15737 display: flex;
15695 align-items: flex-end; 15738 align-items: flex-end;
15696 } 15739 }
15697 @media screen and (max-width: 768px) { 15740 @media (max-width: 768px) {
15698 .header-image { 15741 .header-image {
15699 top: 66px !important; 15742 top: 66px !important;
15700 position: relative; 15743 position: relative;
15701 } 15744 }
15702 } 15745 }
15703 @media screen and (max-width: 768px) { 15746 @media (max-width: 768px) {
15704 .header-image { 15747 .header-image {
15705 max-height: 240px; 15748 max-height: 240px;
15706 min-height: 240px; 15749 min-height: 240px;
...@@ -15708,6 +15751,8 @@ h2, .h2 { ...@@ -15708,6 +15751,8 @@ h2, .h2 {
15708 } 15751 }
15709 .header-image .header-text { 15752 .header-image .header-text {
15710 max-width: 741px; 15753 max-width: 741px;
15754 position: relative;
15755 z-index: 999999;
15711 margin-bottom: 100px; 15756 margin-bottom: 100px;
15712 } 15757 }
15713 .header-image .header-text h1, .header-image .header-text .h1 { 15758 .header-image .header-text h1, .header-image .header-text .h1 {
...@@ -15743,7 +15788,7 @@ h2, .h2 { ...@@ -15743,7 +15788,7 @@ h2, .h2 {
15743 display: block; 15788 display: block;
15744 } 15789 }
15745 } 15790 }
15746 @media (max-width: 600px) { 15791 @media (max-width: 768px) {
15747 .numbers-top .wp-block-column:first-child { 15792 .numbers-top .wp-block-column:first-child {
15748 margin-left: -10%; 15793 margin-left: -10%;
15749 padding-left: 15%; 15794 padding-left: 15%;
...@@ -15756,7 +15801,7 @@ h2, .h2 { ...@@ -15756,7 +15801,7 @@ h2, .h2 {
15756 font-size: 30px; 15801 font-size: 30px;
15757 line-height: 34px; 15802 line-height: 34px;
15758 } 15803 }
15759 @media (max-width: 600px) { 15804 @media (max-width: 768px) {
15760 .numbers-top .wp-block-column:first-child p { 15805 .numbers-top .wp-block-column:first-child p {
15761 font-size: 18px; 15806 font-size: 18px;
15762 } 15807 }
...@@ -15785,7 +15830,7 @@ h2, .h2 { ...@@ -15785,7 +15830,7 @@ h2, .h2 {
15785 padding-bottom: 20px; 15830 padding-bottom: 20px;
15786 padding-left: 50px; 15831 padding-left: 50px;
15787 } 15832 }
15788 @media (max-width: 600px) { 15833 @media (max-width: 768px) {
15789 .numbers-top .wp-block-column:last-child { 15834 .numbers-top .wp-block-column:last-child {
15790 margin-left: -10%; 15835 margin-left: -10%;
15791 padding-left: 15%; 15836 padding-left: 15%;
...@@ -15834,7 +15879,7 @@ h2, .h2 { ...@@ -15834,7 +15879,7 @@ h2, .h2 {
15834 padding-right: 15%; 15879 padding-right: 15%;
15835 } 15880 }
15836 } 15881 }
15837 @media (max-width: 600px) { 15882 @media (max-width: 768px) {
15838 .numbers-second .wp-block-column:first-child h2, .numbers-second .wp-block-column:first-child .h2 { 15883 .numbers-second .wp-block-column:first-child h2, .numbers-second .wp-block-column:first-child .h2 {
15839 font-size: 28px; 15884 font-size: 28px;
15840 } 15885 }
......
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
This diff could not be displayed because it is too large.
...@@ -49,12 +49,43 @@ h2{ ...@@ -49,12 +49,43 @@ h2{
49 .navbar-brand.custom-logo-link{ 49 .navbar-brand.custom-logo-link{
50 float: right; 50 float: right;
51 margin-right: 0rem; 51 margin-right: 0rem;
52 position: relative;
53 z-index: 9999;
52 img{ 54 img{
53 width: 135px; 55 width: 135px;
54 56
55 } 57 }
56 } 58 }
57 59 #Layer_1{
60 left: 0px;
61 top: 0px;
62 position: absolute;
63 @media (min-width: 1400px) and (max-width: 1500px){
64 transform: scale(1.3);
65 top:50px;
66 }
67 @media (min-width: 1300px) and (max-width: 1400px){
68 transform: scale(1.2);
69 top:50px;
70 }
71 @media (min-width: 1200px) and (max-width: 1300px){
72 transform: scale(1.3);
73 top:50px;
74 }
75 @media (min-width: 1000px) and (max-width: 1199px){
76 transform: scale(1.6);
77 top:130px;
78 }
79 @media (max-width: 999px){
80 transform: scale(1.8);
81 top:150px;
82
83 }
84 @media screen and (max-width: 768px) {
85 top:50px;
86 }
87
88 }
58 @media (min-width: 1400px){ 89 @media (min-width: 1400px){
59 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl { 90 .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
60 max-width: 1366px; 91 max-width: 1366px;
...@@ -70,7 +101,7 @@ h2{ ...@@ -70,7 +101,7 @@ h2{
70 padding:0px; 101 padding:0px;
71 margin-bottom: -16px; 102 margin-bottom: -16px;
72 position: relative; 103 position: relative;
73 @media screen and (max-width: 768px) { 104 @media screen and (max-width: 780px) {
74 top: 66px !important; 105 top: 66px !important;
75 } 106 }
76 } 107 }
...@@ -81,7 +112,7 @@ h2{ ...@@ -81,7 +112,7 @@ h2{
81 112
82 .header-image{ 113 .header-image{
83 top: 0px !important; 114 top: 0px !important;
84 @media screen and (max-width: 768px) { 115 @media (max-width: 768px){
85 top: 66px !important; 116 top: 66px !important;
86 position: relative; 117 position: relative;
87 } 118 }
...@@ -94,14 +125,15 @@ h2{ ...@@ -94,14 +125,15 @@ h2{
94 background-size: cover; 125 background-size: cover;
95 display: flex; 126 display: flex;
96 align-items: flex-end; 127 align-items: flex-end;
97 @media screen and (max-width: 768px) { 128 @media (max-width: 768px){
98 max-height: 240px; 129 max-height: 240px;
99 min-height: 240px; 130 min-height: 240px;
100 } 131 }
101 132
102 .header-text{ 133 .header-text{
103 max-width: 741px; 134 max-width: 741px;
104 135 position: relative;
136 z-index: 999999;
105 margin-bottom: 100px; 137 margin-bottom: 100px;
106 138
107 h1{ 139 h1{
...@@ -114,6 +146,7 @@ h2{ ...@@ -114,6 +146,7 @@ h2{
114 } 146 }
115 } 147 }
116 } 148 }
149
117 .numbers-top{ 150 .numbers-top{
118 margin-bottom: 0em; 151 margin-bottom: 0em;
119 .wp-block-column:first-child{ 152 .wp-block-column:first-child{
...@@ -132,7 +165,7 @@ h2{ ...@@ -132,7 +165,7 @@ h2{
132 flex-basis: 292% !important; 165 flex-basis: 292% !important;
133 padding-top: 50px; 166 padding-top: 50px;
134 padding-right: 50px; 167 padding-right: 50px;
135 @media (max-width: 600px){ 168 @media (max-width: 768px){
136 margin-left: -10%; 169 margin-left: -10%;
137 padding-left: 15%; 170 padding-left: 15%;
138 margin-right: -10%; 171 margin-right: -10%;
...@@ -142,7 +175,7 @@ h2{ ...@@ -142,7 +175,7 @@ h2{
142 color: #fff; 175 color: #fff;
143 font-size: 30px; 176 font-size: 30px;
144 line-height: 34px; 177 line-height: 34px;
145 @media (max-width: 600px){ 178 @media (max-width: 768px){
146 font-size: 18px; 179 font-size: 18px;
147 } 180 }
148 } 181 }
...@@ -168,7 +201,7 @@ h2{ ...@@ -168,7 +201,7 @@ h2{
168 padding-top: 50px; 201 padding-top: 50px;
169 padding-bottom: 20px; 202 padding-bottom: 20px;
170 padding-left: 50px; 203 padding-left: 50px;
171 @media (max-width: 600px){ 204 @media (max-width: 768px){
172 margin-left: -10%; 205 margin-left: -10%;
173 padding-left: 15%; 206 padding-left: 15%;
174 margin-right: -10%; 207 margin-right: -10%;
...@@ -216,7 +249,7 @@ h2{ ...@@ -216,7 +249,7 @@ h2{
216 padding-right: 15%; 249 padding-right: 15%;
217 } 250 }
218 h2{ 251 h2{
219 @media (max-width: 600px){ 252 @media (max-width: 768px){
220 font-size: 28px; 253 font-size: 28px;
221 } 254 }
222 } 255 }
......