@import "main.css";



#infoButton {
    display: block;
    position: absolute;
    top:50%;
    right: 5%;
}

#infoButton:hover {
    cursor: pointer;
}

@media screen and (max-width: 900px) {
    body{
        height: 100%;
    }

    #kozlekedok-pic {
        display: none;
    }

    #kozlekedok-pic-sm{
        max-width: 90%;
        position:absolute;
        bottom: 5%;
        margin: auto;
        left:0;
        right: 0;
    }

    #logo-lg-screen {
        display: none;
    }
    .szivesenButton {
        box-shadow: 0px 5px 0px 0px #747a73;
        background:linear-gradient(to right, #5bad33 5%, #65944c 100%);
        background-color:#32c75a;
        border-radius:30px;
        display:inline-block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 54%;
        margin: auto;
        width: fit-content;
        cursor:pointer;
        color:#ffffff;
        font-family:karbonSemiBold;
        font-size:30px;
        font-weight: bold;
        padding:0px 25px;
        text-decoration:none;
        text-shadow:0px 0px 0px #2f6627;

    }
    .szivesenButton:hover {
        background:linear-gradient(to right, #b4beb2 5%, #747a73 100%);
        background-color:#256b00;
        
        color:#ffffff;
    }
    #focim {
        max-width: 100%;
        
    }
}

@media screen and (min-width: 901px) {
    body{
        background-size: cover;
    }

    #infoButton {
        top:10%;
    }

    #kozlekedok-pic-sm {
        display: none;
    }

    #kozlekedok-pic{
        max-width: 50%;
    }

    #sasmob_logo{
        position: fixed;
        bottom: 30px;
        right: 1%;
        max-width: 5%;
    }

    #szeged_logo{
        position: fixed;
        bottom: 30px;
        left: 1%;
        max-width: 8%;
    }
    .szivesenButton {
        box-shadow: 0px 5px 0px 0px #747a73;
        background:linear-gradient(to right, #5bad33 5%, #65944c 100%);
        background-color:#32c75a;
        border-radius:30px;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:karbonSemiBold;
        font-size:30px;
        font-weight: bold;
        padding:0px 25px;
        text-decoration:none;
        text-shadow:0px 0px 0px #2f6627;
        margin-top: 10vh;
        margin-bottom: 7vh;
    }
    .szivesenButton:hover {
        background:linear-gradient(to right, #b4beb2 5%, #747a73 100%);
        background-color:#256b00;
        
        color:#ffffff;
    }
    #focim {
        max-width: 40%;
    }
}