/*   Jó színek: 
  középkék: #609BBF 
  világoskék: #A0C3D9
  sötétzöld: #384001
  világoszöld: #A0A603
  sötétbarna: 
  világosbarna: #A48B84
  szürke: #5A5340 
  arany:  #ffcc00*/

@font-face {
    font-family: 'RubikDistressed-Regular';
    src: url('../fonts/RubikDistressed-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

h3, h2, h1{
    font-family: 'RubikDistressed-Regular', sans-serif;
}

body{
    background-image: url(../img/bgmintaHatter1.jpg);
    background-size: cover;
}

p, h2, h3{
    margin-left: 20px;
    text-align: justify;
}

.image-container {
    position: relative;
    display: inline-block;
}
  
.image-container img {
    display: block;
    width: 100%;
    height: auto;
}

.title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 2rem;
    font-family: sans-serif;
    text-shadow: 2px 2px 8px black;
    text-align: center;
    font-size: 500%;
}


.row{
    background-color: #A0C3D9;
}

div.row {
    padding: 4px;
    margin-bottom: 10px;
}

div[class^="col"] {
    padding: 0.5em;
}

div[class="container"]{
    padding: 10px;
}

video{
    width: 90%;
    padding: 1em;
}

video:hover{
    border-color: #777;
    box-shadow: 0 0 6px rgba(0,0,0,0.3);
}

#content{
    padding-top: 50px;
}