try/medium.css at master · ronwinny/try · 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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
@media screen and (min-width: 620px) and (max-width: 1024px)
{

    nav img
    {
    display:block;
    width:calc(2vw + 4rem);
    }
    nav
    {
        padding:2rem;
    }
    .hero-image
    {
    background-image: url(images/idukkimed.png);

    }

    .aboutus-img-container
    {
        width:60%;
    }

    .aboutus-txt-container
    {
        width:80%;
    }
    .aboutimg
    {
        max-width:80%;
    }

    .abouttxt
    {
    width:76%;
    }

    .aboutheading
    {
        font-size:calc(2vw + 2.4rem);
    }
    .abouttxt
    {
    font-size:calc(1vw + 1.2rem);

    }

    .destination-details-img>img
    {
        width:74%;
        min-height:40vw;
        max-height:46vw;
    }

    .destinations-details{
        padding:calc(1rem + 1vw);

    }

    .destination-details-txt
    {
        width:86%;
        margin:auto;
    }

    #places
    {
        margin-top:calc(4rem + 4vw)
    }

    .destination-details-txt>h2
    {
        text-align:center;
    }

    .contact-link
    {
        width:40%;
   justify-content:space-between;

    }

    @media screen and (min-width: 820px) and (max-width: 1024px)
    {
        .aboutus-txt-container
    {
        width:80%;
    }

    .destinations-details
    {
        width:72%;
    }
    .footer
    {
        flex-direction:row;
    }
    .footer>a>img{
        float:left;
    }
    .contact-link>li
{
    font-size:calc(2rem + 1.6vw);
}
}
}