@import url('font-awesome-4.7.0/css/font-awesome.min.css');

body {
    padding-top: 0px;
    background-color: rgb(233, 190, 197);
    background-image: url("img/repeat_bg_500v2.jpg");
    background-repeat: repeat;   
}
/*nem működik
.nav-link2{
    color: rgb(50, 99, 205);
    padding-left:10px;
    padding-right: 10px;
}
.nav-link2:hover{
color: rgb(50, 99, 205);
text-decoration: underline;
}
.nav-link2:link{
    color: yellowgreen;
    text-decoration: none;
    }
.nav-link2:visited{
        color: rgb(0, 0, 0);
        text-decoration: none;
        }
.nav-link2:active{
        color: rgb(0, 0, 0);
        text-decoration: none;
        font-weight: 500;
        }
*/
.navbar-container {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1071;
}

.container {
    max-width: 1080px;
    padding-top: 2px;
    padding-bottom: 0px;
    border-radius: 3px;
}

.container-jumbotron {
    padding-top: 0px;
    background-color:rgb(243, 206, 176);
    border-radius: 3px;
}
.container-maxwidth {
    width: 100%;
}
.container-space {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.jumbotron {
    background-image: url("img/BG_hatter_haj2.jpg");
    background-size: 100%;
    background-repeat:no-repeat; 
    background-color: #d3acb1;
    color: rgb(255, 59, 134);
    text-align: center;
}
.card-color {
    position: relative;
    padding-left: 10px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-clip: border-box;
    border: 0px solid rgba(0,0,0,.125);
    border-left-width: 0px;
    border-left-style: solid;
    border-left-color: rgba(0, 0, 0, 0.125);
    border-radius: .25rem;
    border-top-left-radius: 0.25rem;
    border-bottom-left-radius: 0.25rem;
}

@media (max-width: 800px) {
.card-deck {
    display: block;
    }
.card {
    display: block;
    }
}

.card-color-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    flex-grow: 1;
    flex-shrink: 1;
    flex-basis: auto;
    padding: 0 0 0 0;
}
.card-title {
    color: rgb(255, 59, 134);
}
.table-center {
    text-align: center;
}


/* easy stíle backgrounds, font colors*/
.whitebg {
    background-color:rgb(255, 255, 255);
}
.orange {
    background-color:rgb(245, 142, 46);
}
.navbarbg {
    background-color:rgb(241, 150, 226);
}
/* gray the Cards bg color*/
.gray {
    background-color: rgb(248, 207, 214);
}
.light-gray {
    background-color: rgb(233, 233, 233);
}

.lightblue {
    background-color: rgb(184, 215, 255);
}

.white{
    color: white;
}
.pink{
    color: rgb(255, 59, 134);
}
.x-icon {
    color: gray;
}
.center {
    text-align: center;
    align-content: center;
}
.blank-line {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 20px;
}
.help-color{
    color: gray;
    font-style: italic;
    background-color: rgb(233, 247, 255);
    border-radius: 0px;
    padding-top: 5px;
}

.form-bold {
    color: rgb(36, 36, 36);
    font-weight: bold;
    padding-top: 5px; 
}

.container-footer {
    width: 100%;
    background-color: rgb(61, 61, 61);
    padding-top: 20px;
    padding-bottom: 20px;
}

.footer-background {
    background-color: rgb(255, 255, 255);  
}

/* caroussel*/

.padding10 {
    padding: 10px 10px 10px 10px;
}
.padding5 {
    padding: 5px 5px 5px 5px;
}
.padding-img-5 {
    padding-left: 5px;
    padding-bottom: 5px;
}




















$grid-columns:      12;
$grid-gutter-width: 30px;

$grid-breakpoints: (
  // Extra small screen / phone
  xs: 0,
  // Small screen / phone
  sm: 576px,
  // Medium screen / tablet
  md: 768px,
  // Large screen / desktop
  lg: 992px,
  // Extra large screen / wide desktop
  xl: 1200px
);

$container-max-widths: (
  sm: 540px,
  md: 720px,
  lg: 960px,
  xl: 1140px
);