/* ez a dokumentum a medium képernyőméreten alapszik*/

html {
    font-size: 100%;
}

.div-center {
    margin-right: 10%;
    margin-right: 10%;
}

#p-inv {
    overflow: hidden;
}

.navbar-nav {
    float: center;
    text-align: center;
}

.wide {
    width: 100px;
    font-size: 14px;
    padding-right: 0px;
    padding-left: 0px;
}

@media screen and (min-width: 768px) and (max-width: 992px) {
    .wide {
        width: 80px;
    }
    #logo {
        margin-top: 0px;
    }
    h1 {
        font-size: 4em;
    }
    h3 {
        font-size: 2em;
    }
}

@media screen and (min-width: 992px) and (max-width:1199px) {
    #logo {
        margin-top: 5px;
    }
    h1 {
        font-size: 6em;
    }
    h3 {
        font-size: 3em;
    }
}

.container-fluid {
    margin-left: 20%;
    padding-left: 0px;
    padding-right: 0px;
}

body {
    background-image: url("background_other.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
    font-family: Eczar, serif;
    font-size: 0.75em;
    /*padding-top: 70px;*/
    height: 100%;
}

#main {
    background-image: url("background_2.jpg");
}

a {
    color: rgba(180, 0, 0, 0.9);
}

tr,
th,
td {
    text-align: center;
    /*height: 50px;*/
    vertical-align: center;
}

table {
    background-color: rgba(255, 255, 255, 0.6);
}

.edzes {
    font-size: 1.25em;
}

th {
    background-color: rgba(255, 255, 255, 0.8);
}

html {
    height: 100%;
}

#content {
    /*color: rgba(200,25,25,0.8);*/
    text-align: center;
    padding-top: 1%;
    text-shadow: 0px 4px 3px rgba(0, 0, 0, 0.4), 0px 8px 13px rgba(0, 0, 0, 0.2);
}

.navbar-default {
    /*background-color: rgba(44,44,44,0.5);*/
    color: white;
    margin-bottom: 0px;
}

.navbar-inverse {
    margin-bottom: 0px;
}

h1,
h3 {
    color: rgba(44, 44, 44, 0.8);
}

h1 {
    font-weight: 700;
    /*font-size: 6em;*/
    font-family: Cinzel;
}

h3 {
    font-weight: 700;
}

hr {
    width: 80%;
    border-top: 4px solid rgba(0, 0, 0, 0.7);
    border-bottom: 3px solid rgba(0, 0, 0, 0.2);
}

#logo {
    float: left;
    width: 42px;
    height: 42px;
}


/*.navbar .navbar-nav{
	align-content: center;
	align-items: center;
	text-align: center;
	justify-content: center;
}*/

.navbar-brand {
    line-height: 30px;
    padding: 4px 4px;
}

.container-fluid {
    /*margin-left: 15%;
	margin-right: 15%;*/
}

#shadowy {
    background-color: rgba(255, 255, 255, 0.5);
    margin-top: 25%;
    font-weight: bold;
}

#shadowy:hover {
    background-color: rgba(44, 44, 44, 0.8);
    color: white;
    border: 1px solid rgba(44, 44, 44, 0.9);
}

#tudastar_gomb {
    margin-top: 20px;
}

.fas {
    margin-right: 10px;
}

.cent {
    width: 50%;
    margin-left: 25%;
    margin-top: 5%;
}

.image {
    width: 100%;
    height: 250px;
    background-size: cover;
    background-position: center;
}

.footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0.1rem;
    background-color: #efefef;
    text-align: center;
    margin-top: 10px;
}

.foot {
    min-height: 100%;
    position: relative;
}


/* -------------------------------------Versenyek oldal galéria--------------------------------------*/

.v_image1 {
    background-image: url("versenyek/p1.jpg");
}

.v_image2 {
    background-image: url("versenyek/p2.jpg");
}

.v_image3 {
    background-image: url("versenyek/p4.jpg");
}

.v_image4 {
    background-image: url("versenyek/p5.jpg");
}

.v_image5 {
    background-image: url("versenyek/p7.jpg");
}

.v_image6 {
    background-image: url("versenyek/p8.jpg");
}

.v_image7 {
    background-image: url("versenyek/p9.jpg");
}

.v_image8 {
    background-image: url("versenyek/pa.jpg");
}

.v_image9 {
    background-image: url("versenyek/pb.jpg");
}

.v_image10 {
    background-image: url("versenyek/pd.jpg");
}

.v_image11 {
    background-image: url("versenyek/pe.jpg");
}

.v_image12 {
    background-image: url("versenyek/pg.jpg");
}

.v_image13 {
    background-image: url("versenyek/ph.jpg");
}

.v_image14 {
    background-image: url("versenyek/pk.jpg");
}

.v_image15 {
    background-image: url("versenyek/pl.jpg");
}

.v_image16 {
    background-image: url("versenyek/pm.jpg");
}

.v_image17 {
    background-image: url("versenyek/pn.jpg");
}

.v_image18 {
    background-image: url("versenyek/po.jpg");
}

.v_image19 {
    background-image: url("versenyek/pp.jpg");
}

.v_image20 {
    background-image: url("versenyek/pq.jpg");
}

.v_image21 {
    background-image: url("versenyek/pr.jpg");
}

.v_image22 {
    background-image: url("versenyek/pj.jpg");
}

.v_image23 {
    background-image: url("versenyek/ps.jpg");
    background-position: top;
}

.v_image24 {
    background-image: url("versenyek/pt.jpg");
    background-position: top;
}

.v_image25 {
    background-image: url("versenyek/pu.jpg");
    background-position: top;
}

.v_image26 {
    background-image: url("versenyek/pv.jpg");
    background-position: top;
}

.v_image27 {
    background-image: url("versenyek/pw.jpg");
    background-position: top;
}

.v_image28 {
    background-image: url("versenyek/px.jpg");
    background-position: top;
}

.v_image29 {
    background-image: url("versenyek/py.jpg");
    background-position: top;
}

.v_image30 {
    background-image: url("versenyek/pz.jpg");
    background-position: top;
}

.v_image31 {
    background-image: url("versenyek/diako2018.jpg");
    background-position: top;
}

.v_image32 {
    background-image: url("versenyek/v32.jpg");
    background-position: top;
}

.v_image33 {
    background-image: url("versenyek/v33.jpg");
    background-position: top;
}

.v_image34 {
    background-image: url("versenyek/v34.jpg");
    background-position: top;
}

/* ------------------------Itt a versenyek oldal galériájának vége-------------------*/


/* ------------------------Tudástár felépítésének css része--------------------------*/

.tudastar {
    width: 76%;
    margin-left: 12%;
}

p {
    text-align: justify;
}

.row {
    border: 20px solid transparent;
}

.circle {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.t_image {
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.t_szoveg {
    text-align: center;
}

.t_text {
    text-align: center;
}


/*.fonetic{
	font-style: italic;
}*/

h2 {
    color: rgba(180, 0, 0, 0.9);
    font-weight: bold;
}

h4 {
    font-style: italic;
    font-weight: bold;
}

.t_image1 {
    background-image: url("tudastar/itf_logo.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.t_image2 {
    background-image: url("tudastar/traditional_art.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
}

.t_image3 {
    background-image: url("tudastar/training.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    margin-top: 20%;
}

.t_image4 {
    background-image: url("tudastar/balance.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    /*  	margin-left: 20%;
*/
    margin-top: 10%;
}

.t_image5 {
    background-image: url("tudastar/oath.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    /*  	margin-left: 20%;*/
    margin-top: 10%;
}

.t_image6 {
    background-image: url("tudastar/numbers.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    /*margin-left: 20%;*/
    margin-top: 40%;
}

.t_image7 {
    background-image: url("tudastar/charyot.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    /*margin-left: 20%;*/
    margin-top: 33%;
}

.t_image8 {
    background-image: url("tudastar/belts.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    /*margin-left: 20%;*/
    margin-top: 50%;
}

.t_image9 {
    background-image: url("tudastar/stances.png");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    /*margin-left: 20%;*/
    margin-top: 50%;
}

.t_image10 {
    background-image: url("tudastar/techniques.jpg");
    width: 200px;
    height: 200px;
    background-size: cover;
    background-position: center;
    /*margin-left: 20%;*/
    margin-top: 100%;
}


/*------------------------------------- Tudástár vége ----------------------------------------*/


/*------------------------------------- Galéria oldal css része ------------------------------*/

img {
    max-width: 100%;
    height: auto;
}

.g_image1 {
    background-image: url(galeria/g01.jpg);
}

.g_image2 {
    background-image: url(galeria/g02.jpg);
}

.g_image3 {
    background-image: url(galeria/g03.jpg);
}

.g_image4 {
    background-image: url(galeria/g04.jpg);
}

.g_image5 {
    background-image: url(galeria/g05.jpg);
}

.g_image6 {
    background-image: url(galeria/g06.jpg);
}

.g_image7 {
    background-image: url(galeria/g07.jpg);
}

.g_image8 {
    background-image: url(galeria/g08.jpg);
}

.g_image9 {
    background-image: url(galeria/g09.jpg);
}

.g_image10 {
    background-image: url(galeria/g10.jpg);
}

.g_image11 {
    background-image: url(galeria/g11.jpg);
}

.g_image12 {
    background-image: url(galeria/g12.jpg);
}

.g_image13 {
    background-image: url(galeria/g13.jpg);
}

.g_image14 {
    background-image: url(galeria/g14.jpg);
}

.g_image15 {
    background-image: url(galeria/g15.jpg);
}

.g_image16 {
    background-image: url(galeria/g16.jpg);
}

.g_image17 {
    background-image: url(galeria/g17.jpg);
}

.g_image18 {
    background-image: url(galeria/g18.jpg);
}

.g_image19 {
    background-image: url(galeria/g19.jpg);
}

.g_image20 {
    background-image: url(galeria/g20.jpg);
}

.g_image21 {
    background-image: url(galeria/g21.jpg);
}

.g_image22 {
    background-image: url(galeria/g22.jpg);
    background-position: top;
}

.g_image23 {
    background-image: url(galeria/g23.jpg);
}

.g_image24 {
    background-image: url(galeria/g24.jpg);
}

.g_image25 {
    background-image: url(galeria/g25.jpg);
}

.g_image26 {
    background-image: url(galeria/g26.jpg);
}

.g_image27 {
    background-image: url(galeria/g27.jpg);
}

.g_image28 {
    background-image: url(galeria/g28.jpg);
}

.g_image29 {
    background-image: url(galeria/g29.jpg);
}

.g_image30 {
    background-image: url(galeria/g30.jpg);
}


/*------------------------------------- Galéria vége -----------------------------------------*/


/*------------------------------------- Kapcsolat oldal css ----------------------------------*/

.kapcsolat {
    text-align: left;
}

.jumbotron {
    margin-top: 10%;
    padding: 10px;
    background-color: rgba(200, 200, 200, 0.7);
}

h5 {
    font-size: 1.3em;
    /*font-weight: bold;*/
}

.place {
    width: 200px;
    height: 180px;
}


/*-------------------------------------Kapcsolat oldal vége ----------------------------------*/


/*-------------------------------------Reszponzivitásért felelős css beállítások--------------*/


/*@media (max-width: 768px){
	.container-fluid{
		margin-left: 15%;
		margin-right: 15%;
	}
}*/


/*@mixin for-size($size) {
  @if $size == phone-only {
    @media (max-width: 599px) { @content; }
  } @else if $size == tablet-portrait-up {
    @media (min-width: 600px) { @content; }
  } @else if $size == tablet-landscape-up {
    @media (min-width: 900px) { @content; }
  } @else if $size == desktop-up {
    @media (min-width: 1200px) { @content; }
  } @else if $size == big-desktop-up {
    @media (min-width: 1800px) { @content; }
  }
}*/