telkoRom/keelevalik.css at master · HaHaVee/telkoRom · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
body{
	/*background-color: rgba(104, 154, 155, 1);*/
	background: #30E8BF;  /* fallback for old browsers */
	background: -webkit-linear-gradient(to right, #FF8235, #30E8BF);  /* Chrome 10-25, Safari 5.1-6 */
	background: linear-gradient(to right, #FF8235, #30E8BF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

.container{
	position: relative;
	display: inline-block;
	display: flex;
    align-items: center;
    justify-content: center;
    margin: 40vh auto;
}

.container div{
	display: inline-block;
	margin: auto;
}

img{
	width: 10vw;
	height: 7vw;
}


@media only screen and (max-width: 700px) {
    /*body {
        background-color: lightblue;
    }*/

    .container{
    display: block;
    margin-top: 0vw;
    margin-bottom: 0vw;
    }

    .container div{
    	display: block;
    	margin-left: 10vw;
    	margin-right: 10vw;
    	padding-left: auto;


    }

    img{
    	/*padding-left: 5vw;
    	padding-right: 5vw;*/
    	width: 40vw;
    	height: 20vh;
    	margin-left: auto;
	    margin-right: auto;
	    display: block;
    }
}