/*Betűtípusok*/
@font-face
{
    font-family: "montserrat_regular";
    src: url("../../../Main/betutipusok/montserrat/Montserrat-Regular.ttf") format("truetype");
}

@font-face
{
    font-family: "montserrat_semibold";
    src: url("../../../Main/betutipusok/montserrat/Montserrat-SemiBold.ttf") format("truetype");
}

@font-face
{
    font-family: "montserrat_semibold_italic";
    src: url("../../../Main/betutipusok/montserrat/Montserrat-SemiBoldItalic.ttf") format("truetype");
}

@font-face
{
    font-family: "colgent";
    src: url("../../../Main/betutipusok/Colgent/Colgent.ttf") format("truetype");
}

@font-face
{
    font-family: "montserrat_medium";
    src: url("../../../Main/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%);
  }


html, body
{
    overflow-x: hidden;
}

body
{
    background-color: rgb(107,153,209);
    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: rgba(107,153,209,255);
    color:white;
    text-transform: uppercase;
    font-weight: bold;
    width: 12.5rem;
    height: 3rem;
    font-size: 1rem;
}

#fnevgomb:hover
{
    background-color: rgb(33,74,114);
    color: white;
}

.btnkeres
{
    font-family: "colgent";
    border-radius: 20px;
    border:1px solid white;
    background-color: rgba(107,153,209,255);
    color:white;
    text-transform: uppercase;
    font-weight: bold;
    width: 9.5rem;
    height: 3rem;
    font-size: 1rem;
}


.btnkeres:hover
{
    background-color: rgb(33,74,114);
    color: white;
}


.form-control
{
    display: inline!important;
    margin-right: 2vw;
    height: 50px!important;
}


.inputmezo
{
    border-radius: 25px;
    border:1px solid white;
    background-color: rgb(107,153,209);
}


@media screen and (max-width: 1800px)
{
    

    .logokep
    {
        width: calc(200px);
    }

        
        #fnevgomb
    {
        font-family: "colgent";
        border-radius: 20px;
        border:1px solid white;
        background-color: rgba(107,153,209,255);
        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: rgba(107,153,209,255);
    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;
}

}



