51 lines
906 B
CSS
51 lines
906 B
CSS
.img-ge-container{
|
|
position: relative;
|
|
text-align: center;
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
.text-inside1{
|
|
position: absolute;
|
|
top: 70%;
|
|
left: 50%;
|
|
transform: translate(-50%, -50%);
|
|
color: #e6e6e6;
|
|
font-size: 70px;
|
|
font-style: italic;
|
|
}
|
|
.text-inside2{
|
|
position: absolute;
|
|
left: 50%;
|
|
transform: translate(-50%, -80%);
|
|
color: #ffffff;
|
|
font-size: 150px;
|
|
font-weight: bold;
|
|
}
|
|
.container-getinv{
|
|
width: 50%;
|
|
}
|
|
@media only screen and (max-width: 480px){
|
|
.text-inside1{
|
|
font-size: 30px;
|
|
top: 60%;
|
|
}
|
|
.text-inside2{
|
|
font-size: 40px;
|
|
}
|
|
.container-getinv{
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media (min-width: 600px) and (max-width: 1024px){
|
|
.text-inside1{
|
|
font-size: 50px;
|
|
top: 60%;
|
|
}
|
|
.text-inside2{
|
|
font-size: 80px;
|
|
}
|
|
.container-getinv{
|
|
width: 80%;
|
|
}
|
|
}
|