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 {
.navbar-brand.custom-logo-link {
float: right;
margin-right: 0rem;
position: relative;
z-index: 9999;
}
.navbar-brand.custom-logo-link img {
width: 135px;
}
#Layer_1 {
left: 0px;
top: 0px;
position: absolute;
}
@media (min-width: 1400px) and (max-width: 1500px) {
#Layer_1 {
transform: scale(1.3);
top: 50px;
}
}
@media (min-width: 1300px) and (max-width: 1400px) {
#Layer_1 {
transform: scale(1.2);
top: 50px;
}
}
@media (min-width: 1200px) and (max-width: 1300px) {
#Layer_1 {
transform: scale(1.3);
top: 50px;
}
}
@media (min-width: 1000px) and (max-width: 1199px) {
#Layer_1 {
transform: scale(1.6);
top: 130px;
}
}
@media (max-width: 999px) {
#Layer_1 {
transform: scale(1.8);
top: 150px;
}
}
@media screen and (max-width: 768px) {
#Layer_1 {
top: 50px;
}
}
@media (min-width: 1400px) {
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1366px;
......@@ -15672,7 +15715,7 @@ h2, .h2 {
margin-bottom: -16px;
position: relative;
}
@media screen and (max-width: 768px) {
@media screen and (max-width: 780px) {
.wrapper {
top: 66px !important;
}
......@@ -15694,13 +15737,13 @@ h2, .h2 {
display: flex;
align-items: flex-end;
}
@media screen and (max-width: 768px) {
@media (max-width: 768px) {
.header-image {
top: 66px !important;
position: relative;
}
}
@media screen and (max-width: 768px) {
@media (max-width: 768px) {
.header-image {
max-height: 240px;
min-height: 240px;
......@@ -15708,6 +15751,8 @@ h2, .h2 {
}
.header-image .header-text {
max-width: 741px;
position: relative;
z-index: 999999;
margin-bottom: 100px;
}
.header-image .header-text h1, .header-image .header-text .h1 {
......@@ -15743,7 +15788,7 @@ h2, .h2 {
display: block;
}
}
@media (max-width: 600px) {
@media (max-width: 768px) {
.numbers-top .wp-block-column:first-child {
margin-left: -10%;
padding-left: 15%;
......@@ -15756,7 +15801,7 @@ h2, .h2 {
font-size: 30px;
line-height: 34px;
}
@media (max-width: 600px) {
@media (max-width: 768px) {
.numbers-top .wp-block-column:first-child p {
font-size: 18px;
}
......@@ -15785,7 +15830,7 @@ h2, .h2 {
padding-bottom: 20px;
padding-left: 50px;
}
@media (max-width: 600px) {
@media (max-width: 768px) {
.numbers-top .wp-block-column:last-child {
margin-left: -10%;
padding-left: 15%;
......@@ -15834,7 +15879,7 @@ h2, .h2 {
padding-right: 15%;
}
}
@media (max-width: 600px) {
@media (max-width: 768px) {
.numbers-second .wp-block-column:first-child h2, .numbers-second .wp-block-column:first-child .h2 {
font-size: 28px;
}
......
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{
.navbar-brand.custom-logo-link{
float: right;
margin-right: 0rem;
position: relative;
z-index: 9999;
img{
width: 135px;
}
}
#Layer_1{
left: 0px;
top: 0px;
position: absolute;
@media (min-width: 1400px) and (max-width: 1500px){
transform: scale(1.3);
top:50px;
}
@media (min-width: 1300px) and (max-width: 1400px){
transform: scale(1.2);
top:50px;
}
@media (min-width: 1200px) and (max-width: 1300px){
transform: scale(1.3);
top:50px;
}
@media (min-width: 1000px) and (max-width: 1199px){
transform: scale(1.6);
top:130px;
}
@media (max-width: 999px){
transform: scale(1.8);
top:150px;
}
@media screen and (max-width: 768px) {
top:50px;
}
}
@media (min-width: 1400px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
max-width: 1366px;
......@@ -70,7 +101,7 @@ h2{
padding:0px;
margin-bottom: -16px;
position: relative;
@media screen and (max-width: 768px) {
@media screen and (max-width: 780px) {
top: 66px !important;
}
}
......@@ -81,7 +112,7 @@ h2{
.header-image{
top: 0px !important;
@media screen and (max-width: 768px) {
@media (max-width: 768px){
top: 66px !important;
position: relative;
}
......@@ -94,14 +125,15 @@ h2{
background-size: cover;
display: flex;
align-items: flex-end;
@media screen and (max-width: 768px) {
@media (max-width: 768px){
max-height: 240px;
min-height: 240px;
}
.header-text{
max-width: 741px;
position: relative;
z-index: 999999;
margin-bottom: 100px;
h1{
......@@ -114,6 +146,7 @@ h2{
}
}
}
.numbers-top{
margin-bottom: 0em;
.wp-block-column:first-child{
......@@ -132,7 +165,7 @@ h2{
flex-basis: 292% !important;
padding-top: 50px;
padding-right: 50px;
@media (max-width: 600px){
@media (max-width: 768px){
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......@@ -142,7 +175,7 @@ h2{
color: #fff;
font-size: 30px;
line-height: 34px;
@media (max-width: 600px){
@media (max-width: 768px){
font-size: 18px;
}
}
......@@ -168,7 +201,7 @@ h2{
padding-top: 50px;
padding-bottom: 20px;
padding-left: 50px;
@media (max-width: 600px){
@media (max-width: 768px){
margin-left: -10%;
padding-left: 15%;
margin-right: -10%;
......@@ -216,7 +249,7 @@ h2{
padding-right: 15%;
}
h2{
@media (max-width: 600px){
@media (max-width: 768px){
font-size: 28px;
}
}
......