@media(min-width: 1080px){
    body{
        background-image: url(../imges/IMG.jpeg);
        background-repeat: no-repeat;
        background-size: 100%;
        background-attachment: fixed;
        background-color: grey;
    }
    #tiny{
        display: none;
    }
}

@media(max-width: 1079px){
    body{
        background-color: white;
    }
    #wide{
        display: none;
    }
}
#tiny{
    font-size: 1.3em;
    line-height: 20px;
}
.brownAnim{
    transition-duration: .5s;
    background-color: white;
    color: #0fac31;
}
.brownAnim:hover{
    transition-duration: .5s;
    background-color: #0fac31;
    color: white;
}
.homePT{
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.homeTransparency, .homePlan{
    background-color: rgba(255, 255, 255, 0.5);
    display: block;
    font-size: 2.2em;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    margin: 5%;
    padding: 25px;
    border-radius: 5px;
    width: 35%;
    text-align:center;
}
.homeTransparency:hover, .homePlan:hover{
    background-color: rgba(255, 255, 255, 0.7);
    font-size: 2.5em;
    font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    transition: 0.53s ;
}
.homeTransparency a, .homePlan a{
    padding: 10px;
    padding-left: 50px;
    padding-right: 50px;
}
.homeTransparency a:hover, .homePlan a:hover{
    text-decoration: none;
}
/* GOTO TOP */
html{
    scroll-behavior: smooth;
}
.gototop{
    position: fixed;
    width: 50px;
    height: 50px;
    background-color: rgba(172, 172, 172, 0.6) !important;
    border-radius: 50px;
    bottom: 40px;
    right:50px;
    text-decoration: none;
    text-align: center;
    line-height: 60px;
    color: #fff;
    font-size: 30px;
}
.gototop:hover{
    text-decoration: none;
    color: rgb(110, 110, 110);
    background-color: #fff !important;
    transition: 0.4s ;
}