You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 

95 lines
1.7 KiB

.slider-header{
width : 100%;
justify-content: flex-end;
&__right{
width: 60%;
height: 100%;
& img{
}
}
&__left{
width: 40%;
height: 100%;
justify-content : center;
align-items: flex-end;
padding-left: 70px;
h1{
font-size: calc(100vw / 55);
color: white;
font-family: numeralBold;
letter-spacing: -1px;
}
h2{
margin-top: 5px;
font-size: calc(100vw / 78);
color: white;
font-family: numeralBold;
}
a{
text-decoration: none;
color: white;
margin-top: 10px;
font-size: calc(100vw / 90);
padding: 6px 10px;
border : 1px solid white;
border-radius: 5px;
font-family: numeralMedium;
&:hover{
color: white;
}
}
}
}
.mobile-slider-header{
width : 100%;
justify-content: flex-end;
&__right{
width: 50%;
height: 100%;
justify-content : center;
align-items: center;
& img{
position: relative;
width: 200%;
height: 110%;
right: 40px;
bottom: 10px;
}
}
&__left{
width: 50%;
height: 100%;
justify-content : center;
align-items: flex-end;
padding-left: 30px;
h1{
font-size: calc(100vw / 37);
color: white;
font-family: numeralBold;
}
h2{
margin-top: 5px;
font-size: calc(100vw / 48);
color: white;
font-family: numeralBold;
}
a{
text-decoration: none;
color: white;
margin-top: 10px;
font-size: calc(100vw / 55);
padding: 6px 10px;
border : 1px solid white;
border-radius: 5px;
font-family: numeralMedium;
&:hover{
color: white;
}
}
}
}