54 lines
783 B
SCSS
54 lines
783 B
SCSS
#backup-warning{
|
|
.warning{
|
|
margin:4rem auto 1rem;
|
|
height: 11rem;
|
|
}
|
|
button{
|
|
color:#fff;
|
|
}
|
|
#arrow-down{
|
|
font-size: 4.2rem;
|
|
}
|
|
.cta-buttons{
|
|
float:none;
|
|
bottom:67px;
|
|
position: absolute;
|
|
width:100%;
|
|
button{
|
|
max-width: 400px;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: 400px){
|
|
#backup-warning{
|
|
.warning{
|
|
margin: 2rem auto 1rem;
|
|
height: 8rem;
|
|
}
|
|
h3{
|
|
font-size:1.3rem;
|
|
}
|
|
p{
|
|
font-size:.9rem;
|
|
max-width: 80%;
|
|
flex: 0 0 80%;
|
|
}
|
|
.warning-image{
|
|
height: 11rem;
|
|
}
|
|
.cta-buttons{
|
|
float:none;
|
|
bottom:65px;
|
|
position: absolute;
|
|
}
|
|
}
|
|
}
|
|
@media (max-height: 540px){
|
|
#backup-warning{
|
|
.cta-buttons{
|
|
float:left;
|
|
position: relative;
|
|
}
|
|
}
|
|
}
|