/* 
jobb oldali gomb színe: #00c0f0;
evoptik
bal oldali gomb színe: #11aba4;
companion
*/

@import url('https://fonts.googleapis.com/css?family=Roboto&display=swap');
html, body {
    width: 100%;
}

.bg-companion, .bg-evoptik {
    /* border: 1px solid red; */
}

.bg-companion {
    background-image: url('../img/companion_2.jpg');
    /* border-right: 1px solid gray; */
    background-position: center;
    background-size: cover;
}

.bg-evoptik {
    background-image: url('../img/evoptik-bg.jpeg');
    /* border-left: 1px solid gray; */
    background-position: center;
    background-size: cover;
}

.row {
    width: 100%;
    height: 100vh;
    margin:0;
}

@media screen and (max-width:1000px){


.btn {
    padding-top: 0.5rem!important;
    padding-bottom: 0.5rem!important;
    letter-spacing: 1px!important;
}
}


.col-lg-5{
    min-height:40vh;
}

.img-logo {
    width: 40%;
    padding: 1.5rem;
}

h1, h2, p{
    font-family: 'Roboto', sans-serif;
}

.btn {
    width: 25%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-radius: 2rem;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto', sans-serif;
    transition: all 0.2s cubic-bezier(.25,.8,.25,1);
    letter-spacing: 2px;
}

.btn:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
    color: #fff;
}

.position-b {
    position: absolute;
    bottom: 60px;
}

.btn-companion {
    background-color: #11aba4;
}

.btn-evoptik {
    background-color: #00c0f0;
}

.col-sm-12, .col-md-6 {
    padding-left: 0px;
    padding-right: 0px;
}

.middle {
    width:100%;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    background-color: rgb(0, 0, 0, .25);
}

.palyazat{
width: auto;
height:auto;
position: relative;
z-index:999;
top:0px;
margin:1rem;
background-color:white;
box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
border-radius:4px;
}

.palyazat img{
width:100%;
height:auto;
border-radius:4px;
}

.alert-success{
border-width:0px;
color:black;
}

.content{
    width:80%;
    max-width:1024px;
    margin:auto;
    padding:2rem 1rem;
}