/*Betűtípusok*/
@font-face
{
    font-family: "montserrat_regular";
    src: url("../betutipusok/montserrat/Montserrat-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "montserrat_semibold";
    src: url("../betutipusok/montserrat/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face
{
    font-family: "montserrat_semibold_italic";
    src: url("../betutipusok/montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "colgent";
    src: url("../betutipusok/Colgent/Colgent.ttf") format("truetype");
}

@font-face
{
    font-family: "montserrat_medium";
    src: url("../betutipusok/montserrat/Montserrat-Medium.ttf") format("truetype");
}
/*Betűtípusok*/
::-webkit-input-placeholder 
{ /* Chrome */
    color: white !important;
}
:-ms-input-placeholder 
{ /* IE 10+ */
    color: white !important;
}
::-moz-placeholder 
{ /* Firefox 19+ */
    color: white !important;
    opacity: 1;
}
:-moz-placeholder 
{ /* Firefox 4 - 18 */
    color: white !important;
    opacity: 1;
}

.centered1 
{
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centered2 
{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centered3 
{
    position: absolute;
    top: 70%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.centered5
{
    position: absolute;
    top: 75%;
    left: 50%;
    transform: translate(-50%, -50%);
}

html, body
{
    overflow-x: hidden;
}

body
{
    background-color: #4B0E1E;
    max-width: 100% !important;
    overflow-x: hidden;
    padding-right: 0px !important;
    box-sizing:content-box !important;
}

h1
{
    font-size: 3rem!important;
}

.logokep
{
    width: calc(300px);
}


h1
{
    font-size: 60px;
    font-family: "colgent";
    color: white;
}

#fnevgomb
{
    font-family: "colgent";
    border-radius: 20px;
    border:1px solid white;
    background-color: #7f0e2c;
    color:white;
    text-transform: uppercase;
    font-weight: bold;
    width: 12.5rem;
    height: 3rem;
    font-size: 1rem;
}

#fnevgomb:hover
{
    background-color: #360814;
    color: white;
}

.btnkeres
{
    font-family: "colgent";
    border-radius: 20px;
    border:1px solid white;
    background-color: #7f0e2c;
    color:white;
    text-transform: uppercase;
    font-weight: bold;
    width: 9.5rem;
    height: 3rem;
    font-size: 1rem;
}

.btnkeres:hover
{
    background-color: #360814;
    color: white;
}


.form-control
{
    display: inline!important;
    margin-right: 2vw;
    height: 50px!important;
}


.inputmezo
{
    border-radius: 25px;
    border:1px solid white;
    background-color: #7f0e2c;
}

@media screen and (max-width: 1800px)
{
    .logokep
    {
        width: calc(200px);
    }

    #fnevgomb
    {
        font-family: "colgent";
        border-radius: 20px;
        border:1px solid white;
        background-color: #7f0e2c;
        color:white;
        text-transform: uppercase;
        font-weight: bold;
        width: auto !important;
        height: 3rem;
        font-size: 1rem;
    }

    .btntorol
    {
        width: 50%;
        font-size: min(0.75rem,1rem);
        margin-left: 30% !important;
    }
}


@media screen and (max-width: 550px)
{
    .logokep
    {
        width: calc(150px);
    }

    #keres
    {
        display: block;
    }

    .inputmezo
    {
        width: 75% !important;
    }

    #fnevgomb
    {
        font-family: "colgent";
        border-radius: 20px;
        border:1px solid white;
        background-color: #7f0e2c;
        color:white;
        text-transform: uppercase;
        font-weight: bold;
        width:auto !important;
        height: 3rem;
        font-size: 1rem;
    }

    .btntorol
    {
        width: calc(100%/1.7);
        font-size: min(0.75rem,1rem);
        margin-left: 30% !important;
    }

    .btnkeres
    {
        margin-top: 10px !important;
    }

    .card
    {
        width: 90%!important;
    }

}