@import "main.css";

@media screen and (max-width: 900px) {
    body{
        
        background-image: url('../images/pattern_transp.png');
        background-repeat: repeat;
    }

    .container-fluid{
        padding: 0;
    }

    #boldHeader, .visszaButton, #button-container{
    display: none;
    }

    #mainBoldHeader{
        background: linear-gradient(to right, #5bad33 5%, #65944c 100%);
        color: #fff;
        padding: 5%;
        font-size: 2rem;
        font-weight: bolder;
    }

    #visszaButton2{
        cursor: pointer;
    }

    #arrow{
        margin-right: 10px;
        max-height: 2.0rem;
		margin-top: -10px;
    }

    .normalText{
        text-align: justify;
        font-size: 1.2rem;
        padding: 0% 5% 0%;
        line-height: 3vh;
    }

    .centerImg{
        text-align: center;
        padding-bottom: 10%;
    }
}

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

    #mainBoldHeader{
        display: none;
    }

    .visszaButton {
        box-shadow: 0px 5px 0px 0px #747a73;
        background:linear-gradient(to right, #5bad33 5%, #65944c 100%);
        border-radius:30px;
        display:inline-block;
        cursor:pointer;
        color:#ffffff;
        font-family:karbonSemiBold;
        font-size:25px;
        font-weight: bold;
        padding: 0px 30px;
        text-decoration:none;
        text-shadow:0px 0px 0px #2f6627;
        margin-top: 5vh;
        
    }
    .visszaButton:hover {
        background:linear-gradient(to right, #b4beb2 5%, #747a73 100%);
        background-color:#256b00;
        color:#ffffff;
    }
    
    .visszaButton img{
        align-self: start;
        display: inline;
        max-height: 2rem;
        margin-right: 5px;
    }
    
    .visszaButton p{
        margin-bottom: 0;
        display: inline-block;
    }

    #boldHeader{
        margin-top: 5vh;
        color: #65944c;
        font-size: 2.5vw;
        font-family: karbonSemiBold;
    }

    .normalText{
        font-family: karbonRegular;
        font-size: 1.1rem;
        line-height: 3vh;
    }

    #bottom-logo{
        margin-top: 10%;
    }

}

/*
.img-contain {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}*/

#button-container {
    text-align: center;
    margin-top: 25px;
}