*,
*::before,
*::after{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

html {
    font-size: 10px;
}

@font-face{
    font-family: 'CenturyGothic';
    src: url(Fonts/Century\ Gothic.ttf);
    font-style: normal;
    font-weight: 100;
}

body{
    font-family: CenturyGothic;
    font-weight: 100;
}

header {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    transition: background-color .5s ease;
    z-index: 1000;
    display: flex;
}

/* Logo div */

.container1 {
    width: 20%;
}

.container1_a {
    width: 20%;
    background-color: #1A253B;
    box-shadow: 0 3px rgba(0,0,0,.1);
}



.box-logo {
    width: 100%;
    display: flex;
    align-items: center;
    height: 15rem;
    transition: height .5s ease;
}

.box-logo_a {
    width: 100%;
    display: flex;
    align-items: center;
    height: 8.3rem;
}

.logo-list {
    list-style: none;
    display: flex;
    margin-right: auto;
    margin-left: auto;
    transition: height .5s ease;
}

.logo-list_a {
    list-style: none;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.logo {
    background-image: url("Images/logo2021.png");
    display: block;
    background-size: 100px;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    text-indent: -99999px;
    margin-top: 0rem;
    transition: background-size .5s ease;
    transition: background-repeat .5s ease;
    transition: margin-top .5s ease;
}

.logo_a {
    background-image: url("Images/logo2021.png");
    display: block;
    background-size: 100px;
    background-repeat: no-repeat;
    height: 100px;
    width: 100px;
    text-indent: -99999px;
    margin-top: 3rem;
}

/* Menu item div */

.container2 {
    width: 60%;
    max-width: 150rem;
    margin: 0 0;
    padding: 0 1.5rem;
    display: flex;
}

.container2_a {
    width: 60%;
    max-width: 150rem;
    margin: 0 0;
    padding: 0 1.5rem;
    display: flex;
    background-color: #1A253B;
    box-shadow: 0 3px rgba(0,0,0,.1);
}

.nav {
    width: 100%;
    height: 15rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: height .5s ease;
    font-size: 3.5rem;
    font-weight: bold;
}

.nav a {
    text-decoration: none;
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.nav_a  {
    width: 100%;
    height: 8.3rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 3.5rem;
    font-weight: bold;
}

.nav_a a {
    text-decoration: none;
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.nav-list {
    list-style: none;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.nav-link {
    margin: 0 2rem;
    position: relative;
}

.nav-link::after {
    content: '';
    width: 100%;
    height: 2px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: -3px;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform .5s ease;
}

.nav-link:hover::after {
    transform: scaleX(1);
}

.container2Mobile {
    display:none;
}


.burger{
    display: none;    
}

.burger_a{
    display: none;
}

.burger-line div {
    width: 25px;
    height: 3px;
    background-color: #fff;
    margin: 5px;
}

.burger-line_a div {
    width: 25px;
    height: 3px;
    background-color: #fff;
    margin: 5px;
}

@media screen and (max-width:900px){
    
    body {
        overflow-x: hidden;
    }

    .container1 {
        width: 80%;
    }

    .container1_a {
        width: 80%;
        box-shadow: 0 3px rgba(0,0,0,.1);
    }

    .logo-list {
        list-style: none;
        display: flex;
        margin-left: 20%;
        transition: height .5s ease;
    }

    .logo-list_a {
        list-style: none;
        display: flex;
        margin-left: 20%;
    }

    .container3 {
        display: none;
    }

    .container3_a {
        display: none;
    }

    .container2{
        display:none;
    }   
    
    .container2_a{
        display:none;
    }  

    .container2Mobile {
        display: block;
        position: absolute;
        right: 0px;
        width: 60%;
        top: 8.3rem;
        height: 92rem;
        background-color: #1A253B;
        transform: translateX(100%);
        transition: transform 0.5s ease-in;
    }

    .nav-listMobile {
        list-style: none;
        flex-direction: column;
        margin-left: 15%;
        align-items: center;
        height: 100%;
    }

    .navMobile {
        margin-right: 5%;
        height: 100%;
    }

    .navMobile a {
        text-decoration: none;
        color: #fff;
        font-size: 2.5rem;
        text-transform: uppercase;
        letter-spacing: 2px;
    }

    .nav-listMobile li{
        margin: 55px 0px 0px 0px;
        opacity: 0;
    }

    .burger {
        display: block;
        width: 20%;
    }

    .burger_a {
        display: block;
        width: 20%;
        background-color: #1A253B;
        box-shadow: 0 3px rgba(0,0,0,.1);
    }

    .burger-line{
        margin-top: 40%;
        margin-left: 30%;
        margin-right: 30%;
        height: 25px;
        width: 30px;
        transition: margin-top .5s ease;
        cursor: pointer;
    }

    .burger-line_a{
        margin-top: 40%;
        margin-left: 30%;
        margin-right: 30%;
        height: 25px;
        width: 30px;
        cursor: pointer;
    }

    .nav-active{
        transform: translateX(0%);
    }

    .toggle .line1{
        transform: rotate(-45deg) translate(-5px,6px);
    }

    .toggle .line2{
        opacity: 0;
    }

    .toggle .line3{
        transform: rotate(45deg) translate(-5px,-6px);
    }
}

/* Mobile nav link appearence */
@keyframes navLinkFade{
    from{
        opacity: 0;
        transform: translateY(50px);
    }
    to{
        opacity: 1;
        transform: translateY(0px);
    }
}

/* Social div */

.container3 {
    width: 20%;
}

.container3_a {
    width: 20%;
    background-color: #1A253B;
    box-shadow: 0 3px rgba(0,0,0,.1);
}

.social {
    width: 100%;
    height: 15rem;
    display: flex;
    align-items: center;
    transition: height .5s ease;
}

.social_a {
    width: 100%;
    height: 8.3rem;
    display: flex;
    align-items: center;
}

.social-list {
    width: 100%;
    display: flex;
    align-items: center;

}

.social li {
    list-style-type: none;
}

.social_a li {
    list-style-type: none;
}

.facebook {
    background-image: url("Images/facebook.png");
    display: block;
    background-size: 70%;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    text-indent: -99999px;
    margin: 0 10px;
}

.instagram {
    background-image: url("Images/instagram.png");
    display: block;
    background-size: 70%;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    text-indent: -99999px;
    margin: 0 10px;
}

.youtube {
    background-image: url("Images/youtube.png");
    display: block;
    background-size: 70%;
    background-repeat: no-repeat;
    height: 30px;
    width: 30px;
    text-indent: -99999px;
    margin: 0 10px;
}


/* Apply styles after scroll */
.scrolling-active1 {
    background-color: #1A253B;
    box-shadow: 0 3px rgba(0,0,0,.1);
}

.scrolling-active2{
    background-color: #1A253B;
    box-shadow: 0 3px rgba(0,0,0,.1);
}

.scrolling-active3{
    background-color: #1A253B;
    box-shadow: 0 3px rgba(0,0,0,.1);
}

.scrolling-active4{
    background-color: #1A253B;
    box-shadow: 0 3px rgba(0,0,0,.1);
}

.scrolling-active2 .nav {
    height: 8.3rem;
}

.scrolling-active1 .box-logo {
    height: 8.3rem;
}

.scrolling-active3 .social {
    height: 8.3rem;
}

.scrolling-active1 .logo {
    margin-top: 3rem;
}

.scrolling-active4 .burger-line {
    margin-top: 3rem;
}

/*Apply styles after scroll end */



/* Front page background image */
.front-page {
    width: 100%;
    height: 100vh;
    background-image: url("Images/background2.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.front-page::after{
    content: '';
    width: inherit;
    height: inherit;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
}



/* Front page SCROLLDOWN */

.scrolldown{
    position: absolute;
    bottom: 20px;
    left: 50%;
    width: 40px;
    height: 40px;
    transform: translateY(-80px) translateX(-50%) rotate(45deg);
    z-index: 1;
    cursor: pointer;
}

.scrolldown span{
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    border-bottom: 2px solid rgb(177, 177, 177);
    border-right: 2px solid rgb(177, 177, 177);
    animation: animate 1.5s linear infinite;
    opacity: 0;
}

.scrolldown span:nth-child(1){
    transform: translate(-15px,-15px);
    animation-delay: -0.4s;
}

.scrolldown span:nth-child(2){
    transform: translate(0,0);
    animation-delay: -0.2s;
}

.scrolldown span:nth-child(3){
    transform: translate(15px,15px);
    animation-delay: 0s;
}

@keyframes animate{
    0%{
        top: -5px;
        left: -5px;
        opacity: 0;
    }

    25%{
        top: 0px;
        left: 0px;
        opacity: 1;
    }

    50%,100%{
        top: 5px;
        left: 5px;
        opacity: 0;
    }
}

/* UUDISED UUDISED UUDISED UUDISED UUDISED */

.uudised{
    height: 43vh;
    width: 100%;
    background-image: url("Images/uudisedtaust.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}
.uudised_row{
    margin-left: 10%;
    width: 80%;
    height: 100%;
    display: flex;
}
.uudised_row_info{
    height: 80%;
    width: 31%;
    margin-right: 2%;
    margin-top: 2%;
    background-color: rgb(26, 37, 59, 0.9);
    border-radius: 8px;
}
.uudised_pealkiri{
    width: 94%;
    height: 17%;
    color: white;
    margin: 3% 3% 0 3%;
}
.uudised_tekst{
    width: 94%;
    height: 50%;
    margin: 1% 3% 0 3%;
    color: white;
    font-size: 1.6rem;
}
.uudised_jalus{
    width: 94%;
    height: 15%;
    margin: 0 3% 0 3%;
    display: flex;
}
.uudised_kpv{
    color: white;
    font-size: 1.3rem;
    width: 60%;
}
.uudised_button{
    width: 40%;
    color: #2787A1;
}
.uudised_button_more{
    color: #2787A1;
    font-size: 1.5rem;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
}


.uudised_button_more:link{
    text-decoration: none;
}

.uudised_button_more:hover{
    color: #FEFB68;
}



/* Liigatabel, mängude info */

#info_tables{
    margin-top: -80px;
    position: absolute;
}

#tabel_background{
    height: 700px;
    width: 100%;
    display: flex;
    background-image: url("Images/KehraStaadion.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
}

/* Eelmine mäng, praegune mäng, järgmine mäng */

.tabel_games{
    height: 100%;
    width: 60%;
}

.tabel_league{
    height: 100%;
    width: 40%;
}

.window_games{
    height: 78%;
    width: 65%;
    margin: 80px 40px 30px 20%;
    overflow: hidden;
}

.previous_game{
    height: 22%;
    display: flex;
    border-radius: 8px;
}

.previous_game_date{
    height: 100%;
    width: 20%;
}

.previous_game_fixture{
    height: 100%;
    width: 80%;
    background-color: rgb(26, 37, 59, 0.85);
}

.previous_game_date_day{
    height: 50%;
    width: 100%;
    background-color: rgb(26, 37, 59, 0.6);
}

.previous_game_date_month{
    height: 50%;
    width: 100%;
    background-color: rgb(26, 37, 59, 0.6);
}

.previous_next_game_fixture_1{
    height: 30%;
    width: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}

.previous_next_game_fixture_2{
    height: 40%;
    width: 100%;
    display: flex;
}

.previous_next_game_fixture_3{
    height: 30%;
    width: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}

.current_game{
    height: 30%;
    margin-top: 3%;
    margin-bottom: 3%;
    display: flex;
}

.current_game_date{
    height: 100%;
    width: 20%;
}

.current_game_date_day{
    height: 33.33333%;
    width: 100%;
    background-color: rgb(26, 37, 59, 0.6);
}

.current_game_date_month{
    height: 33.33333%;
    width: 100%;
    background-color: rgb(26, 37, 59, 0.6);
}

.current_game_date_time{
    height: 33.33333%;
    width: 100%;
    background-color: rgb(26, 37, 59, 0.6);
}

.current_game_fixture{
    height: 100%;
    width: 80%;
    background-color: rgb(26, 37, 59, 0.85);
}

.current_game_fixture_1{
    width: 100%;
    height: 35%;
}

.current_game_fixture_2{
    width: 100%;
    height: 40%;
    display: flex;
}

.current_game_notification{
    width: 100%;
    height: 50%;
    color: white;
    margin-top: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
}

.current_game_time{
    width: 100%;
    height: 50%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
}

.current_game_fixture_3{
    width: 100%;
    height: 25%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.2rem;
}

.next_games{
    height: 25%;
    display: flex;
}



.next_games_button{
    height: 30%;
    width: 35%;
    background-color: rgba(39, 135, 161, 0.7);
    margin: auto;
    border-radius: 8px; 
    text-align: center;
    justify-content: center;
    border: none;
    box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    cursor: pointer;
    color: white;
    font-size: 1.4rem;
}

.next_games_button a{
    text-decoration: none;
}

.next_games_button_text{
    color: white;
    margin-top: 3%;
    text-align: center;
    justify-content: center;
}


.next_games_button:hover{
    background-color: rgba(39, 135, 161);
}







.game_date_info_number{
    text-decoration: none;
    color: white;
    font-size: 3.7rem;
    text-transform: uppercase;
    font-weight: bold;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 40%;
}

.game_date_info_text{
    text-decoration: none;
    color: white;
    font-size: 1.5rem;
    font-weight: bold;
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    top: 40%;
}

.home_team{
    width: 37%;
    height: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7rem;
}

.score_vs{
    width: 26%;
    height: 100%;
}

.score_vs_box{
    width: 75%;
    height: 75%;
    margin: 10.5%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.5rem;
    background-color: #2787A1;
    border-radius: 6px;
}

.score_vs_box_current{
    width: 75%;
    height: 60%;
    margin: 15% 12.5% 15% 12.5%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.7rem;
    background-color: #2787A1;
    border-radius: 6px;
}

.away_team{
    width: 37%;
    height: 100%;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.7rem;
}

/* Liigatabel */

.window_league{
    height: 77%;
    width: 60%;
    margin: 80px 30% 30px 40px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: rgb(26, 37, 59, 0.9);
    display: block;
}

.tabel_league_header{
    height: 15%;
    width: 100%;
    display: flex;
}

.liiga_logo{
    height: 100%;
    width: 20%;
    background-image: url(Images/III_logo.png);
    background-size: 75%;
    background-repeat: no-repeat;
    margin-top: 2.8%;
    margin-left: 10%;
}

.liiga_nimi{
    height: 100%;
    width: 80%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.5rem;
    color: white;
}

.meeskond{
    height: 7%;
    width: 100%;
    display: flex;
    font-size: 1.2rem;
}

.other_team{
    color: white;
}

.anija_jk{
    font-weight: bold;
    color: white;
}

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

.team_name{
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: left;
    align-items: center; 
}

.games_played{
    height: 100%;
    width: 10%;
    display: flex;
    justify-content: left;
    align-items: center;
}

.goals{
    height: 100%;
    width: 20%;
    display: flex;
    justify-content: left;
    align-items: center;
}

.points{
    height: 100%;
    width: 10%;
    display: flex;
    justify-content: left;
    align-items: center;
}



div .meeskond:hover{
    color: #FDB900;
}

.tabel_league_footer{
    height: 5%;
    width: 100%;
}

.liiga_detailsem{
    display: flex;
    justify-content: center;
    align-items: center;
}

.liiga_detailsem:link{
    text-decoration: none;
}

.liiga_detailsem{
    color: #06AED6;
}

.liiga_detailsem:hover{
    color: #FEFB68;
}

/* instagram feed */

.instagram-feed{
    height: 320px;
    width: 100%;
    background-color: #1A253B;
}

/* LHV jalgpallikaart */

.jalgpallikaart_facebook{
    height: 330px;
    width: 100%;
    display: flex;
}

.jalgpallikaart {
    width: 55%;
}

.toeta_meid {
    margin-left: 10%;
    margin-right: 10%;
    width: 80%;
    color: #277CCE;
}

.toeta_meid p{
    text-align: center;
    font-size: 3.5rem;
    padding-top: 3rem;
    margin-bottom: 1.5rem;
}

.middle{
    margin-top: 9rem;
    position: absolute;
    margin-left: 25%;
    transform: translate(-50%, -50%);
    display: center;
}

.middle a{
    margin-left: 60%;
}

.card{
    width: 286px;
    height: 180px;
}

.front, .back{
    width: 100%;
    height: 100%;
    overflow: hidden;
    backface-visibility: hidden;
    position: absolute;
    transition: transform .6s linear;
}

.front img{
    height: 100%;
}

.front{
    transform: perspective(600px) rotateY(0deg);
}

.front_mobile{
    display: none;
}

.back{
    transform: perspective(600px) rotateY(180deg);
    background: linear-gradient(-30deg, #1A253B 0%, #2787A1 50%, #2787A1 50%, #1A253B 100%);
    border-radius: 7px;
}

.back-content button{
    position: relative;
    padding: 4px 5px;
    text-decoration: none;
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
    overflow: hidden;
    background: rgba(255, 255, 255, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2);
    border: none;
}

.back-content button:before{
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: rgba(255,255,255,.2);
}

.back-content button:after{
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, rgba(255,255,255,.4), transparent);
    transition: 0.5s;
}

.back-content button:hover:after{
    left: 100%;
}

.back-content a button{
    cursor: pointer;
}

.card:hover > .front{
    transform: perspective(600px) rotateY(-180deg);
}

.card:hover > .back{
    transform: perspective(600px) rotateY(0deg);
}

.facebook_profile{
    width: 45%;
    margin: 1% 2% 1% 5%;
}

.break{
    width: 100%;
    height: 15vh;
}


/* Klubi sponsorite logod */

.klubi_toetajad{
    width: 100%;
    height: 90vh;
}

.peatoetaja{
    height: 7%;
    font-size: 1.7rem;
    letter-spacing: 2px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(26, 37, 59, 0.75);
}


.peatoetaja_logo{
    height: 30%;
    padding-top: 20px;
    justify-content: center;
}

.katkera_logo{
    height: 100%;
    width: 25%;
    margin-left: 40%;
    display: block;
    background-image: url("Images/Katkera.png");
    background-size: 105%;
    background-repeat: no-repeat;
    text-indent: -99999px;
}

.suurtoetajad{
    height: 6%;
    font-size: 1.2rem;
    letter-spacing: 2px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(26, 37, 59, 0.75);
}

.suurtoetajad_logo{
    padding-top: 1%;
    height: 29%;
    width: 70%;
    margin-left: 17%;
    justify-content: center;
    display: flex;
}

.rimark_logo{
    height: 100%;
    width: 16%;
    background-image: url("Images/Rimark_uus.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 5%;
    margin-right: 3%;
}

.ofi_logo{
    height: 100%;
    width: 16%;
    background-image: url("Images/Ofi_uus.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-right: 3%;
    margin-top: 5%;
}

.kraavimeister_logo{
    height: 100%;
    width: 16%;
    background-image: url("Images/Kraavimeister_uus.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-top: 5%;
    margin-right: 3%;
}

.urva_logo{
    height: 100%;
    width: 16%;
    margin-right: 3%;
    margin-top: -1%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.7rem;
}

.suurtoetajad_logo_2nd_row{
    display: none;
}

.urva_logo_2nd_row{
    height: 100%;
    width: 16%;
    margin-right: 3%;
    margin-top: -1%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.7rem;
}

.rawest_logo{
    height: 100%;
    width: 16%;
    background-image: url("Images/Rawest_uus.png");
    background-size: 55%;
    background-repeat: no-repeat;
}

.rawest_logo_2nd_row{
    height: 100%;
    width: 16%;
    background-image: url("Images/Rawest_uus.png");
    background-size: 55%;
    background-repeat: no-repeat;
}


.toetajad{
    height: 6%;
    font-size: 1.2rem;
    letter-spacing: 2px;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(26, 37, 59, 0.75);
}

.toetajad_logo{
    padding-top: 1%;
    width: 50%;
    height: 20%;
    margin-left: 25%;
    justify-content: center;
    display: flex;
}

.sohvik_logo{
    height: 100%;
    width: 35%;
    background-image: url("Images/sohvik_logo.jpg");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 0%;
}

.anijamois_logo{
    height: 100%;
    width: 30%;
    background-image: url("Images/Anijamois.png");
    background-size: 70%;
    background-repeat: no-repeat;
    margin-left: 10%;
}


.tvreisid_logo{
    height: 100%;
    width: 30%;
    background-image: url("Images/tvreisid.png");
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 5%;
}

.anijavald_logo{
    height: 100%;
    width: 30%;
    background-image: url("Images/anijavald.bmp");
    background-size: 60%;
    background-repeat: no-repeat;
    margin-left: 12%;
}


/* NOORED NOORED NOORED NOORED NOORED NOORED */


.section1_noored{
    height: 50vh;
    width: 100%;
    background-image: url("Images/noored1.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.space_noored{
    height: 40%;
    width: 100%;
}

.intro_noored{
    height: 60%;
    width: 100%;
    background-color: #1A253B;
    opacity: 0.9;
}

.intro_text_noored{
    width: 70%;
    height: 45%;
    margin-left: 15%;
    padding-top: 50px;
    font-size: 1.8rem;
    color: white;
}


.section2_noored{
    height: 50vh;
    width: 100%;
    background-image: url("Images/noored2.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.section21_noored{
    height: 100%;
    width: 100%;
    background-color: rgba(26, 37, 59, 0.9);
}

.section2_noored h2{
    height: 3vh;
    margin-left: 15%;
    margin-top: 15px;
    color: white;
}

.collapsible {
    background-color: #2787A1;
    color: white;
    cursor: pointer;
    padding: 18px;
    width: 70%;
    margin-left: 15%;
    margin-top: 10px;
    border: none;
    text-align: left;
    outline: none;
    font-size: 18px;
    letter-spacing: 2px;
  }
  
  .active, .collapsible:hover {
    background-color: black;
  }
  
  .collapsible:after {
    content: '\002B';
    color: white;
    font-weight: bold;
    float: right;
    margin-left: 5px;
  }
  
  .active:after {
    content: "\2212";
  }
  
  .content {
    padding: 0 18px;
    max-height: 0;
    overflow: hidden;
    width: 70%;
    margin-left: 15%;
    transition: max-height 0.2s ease-out;
    background-color: #f1f1f1;
  }

  .content p{
      font-size: 16px;
  }

  .section3_noored{
      height: 30vh;
      width: 100%;
      background-color: #1A253B;
  }

  .join_noored{
    width: 70%;
    height: 30%;
    margin-left: 15%;
    padding-top: 30px;
    font-size: 1.8rem;
    color: white;
}

.noored_info_sportlyzer{
    margin-left: 15%;
}



/* MEESKOND MEESKOND MEESKOND MEESKOND MEESKOND MEESKOND */

.meeskond_info{
    width: 100%;
    height: 75vh;
    background-color: #1A253B;
}

.meeskond_info_blank{
    height: 28%;
    width: 100%;
}

.meeskond_info_text{
    width: 70%;
    height: 30%;
    margin-left: 15%;
}

.meeskond_info_text_p{
    color: white;
    font-size: 1.5rem;
}

.meeskond_info_sportlyzer{
    width: 50%;
    height: 20%;
}

.meeskond_info_sportlyzer_button{
    width: 70%;
    height: 80%;
    margin-left: 30%;
}



.first_team{
    width: 100%;
    height: 80vh;
    background-color: #1A253B;
}

.first_team_button{
    border-radius: 7px;
    position: absolute;
    height: 75vh;
    width: 70%;
    margin-left: 15%;
    margin-top: 5vh;
    background-image: url(Images/first-team2.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    display:block;
    transition: 0.5s;
}

.first_team_button_info_blank{
    margin-left: 5%;
    height: 80%;
    width: 25%;
}

.first_team_button_info{
    margin-left: 5%;
    height: 20%;
    width: 25%;
    display: block;
}




.first_team_button:hover{
    background-size: 110%;
    transition: background-size 0.5s ease;
}


.first_team_button_info h1{
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 2rem;
    font-weight: bold;
    color: white;
}

.first_team_button_info h2{
    display: flex;
    justify-content: left;
    align-items: center;
    font-size: 1.4rem;
    font-weight: bold;
    color: white;
}

.second_team{
    width: 100%;
    height: 85vh;
    background-color: #1A253B;
}

.second_team_button{
    border-radius: 7px;
    position: absolute;
    height: 75vh;
    width: 70%;
    margin-left: 15%;
    margin-top: 10vh;
    background-image: url(Images/second-team.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
    transition: 0.5s;
}

.second_team_button:hover{
    background-size: 110%;
}

/* ESINDUSMEESKOND ESINDUSMEESKOND ESINDUSMEESKOND */

.profile_row{
    height: 46vh;
    width: 100%;
    background-color: #1A253B;
}

.profile_row_card{
    margin-left: 8%;
    width: 84%;
    height: 100%;
    display: flex;
}

.profile_card{
    width: 33%;
    height: 95%;
    margin-top: 1%;
    display: flex;

}

.profile_card_image{
    height: 100%;
    width: 60%;
}

.profile_card_info{
    width: 40%;
    height: 100%;
    display: block;
}

.profile_image_size{
    background-size: 100%;
}

.profile_card_name{
    width: 80%;
    height: 10%;
    margin: 15% 0 0 10%;
    color: white;
    font-size: 1.6rem;
}

.profile_card_age{
    width: 80%;
    height: 10%;
    margin-left: 10%;
    color: white;
    font-size: 1.6rem;
}

.profile_card_number{
    width: 80%;
    height: 10%;
    margin-left: 10%;
    color: white;
    font-size: 1.6rem;
}

.profile_card_position{
    width: 80%;
    height: 10%;
    margin: 15% 0 0 10%;
    color: white;
    font-size: 1.6rem;
}



.ristount{
    background-image: url(Images/ristount.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.mihkelkuuse{
    background-image: url(Images/mihkelkuuse.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.martinsalumäe{
    background-image: url(Images/martinsalumäe.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.priittaalmann{
    background-image: url(Images/priittaalmann.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.randarvilbiks{
    background-image: url(Images/randarvilbiks.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.silverlaaneveer{
    background-image: url(Images/silverlaaneveer.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.joonaskuuskla{
    background-image: url(Images/joonaskuuskla.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.rufatdargahli{
    background-image: url(Images/emptyimage.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.evgenykharchuk{
    background-image: url(Images/evgenykharchuk.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.fredditurmann{
    background-image: url(Images/fredditurmann.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.markreisi{
    background-image: url(Images/markreisi.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.kaarelmoppel{
    background-image: url(Images/kaarelmoppel.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.tomasunger{
    background-image: url(Images/tomasunger.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.rolandaguraiuja{
    background-image: url(Images/emptyimage.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.arturaava{
    background-image: url(Images/arturaava.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.talislisakov{
    background-image: url(Images/talislisakov.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.owehallik{
    background-image: url(Images/emptyimage.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.imrearuoja{
    background-image: url(Images/emptyimage.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.paultähe{
    background-image: url(Images/paultähe.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.villuroomere{
    background-image: url(Images/villuroomere.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.elvohansen{
    background-image: url(Images/elvohansen.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.jüridmitrenko{
    background-image: url(Images/jüridmitrenko.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.vasyldmytrenko{
    background-image: url(Images/emptyimage.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.siimurva{
    background-image: url(Images/siimurva.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.markkokudu{
    background-image: url(Images/emptyimage.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.creitonkojalo{
    background-image: url(Images/emptyimage.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.kardotalvik{
    background-image: url(Images/kardotalvik.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.vitalikutšumov{
    background-image: url(Images/vitalikutšumov.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.marekroomere{
    background-image: url(Images/marekroomere.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.romansviridov{
    background-image: url(Images/romansviridov.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.algispäll{
    background-image: url(Images/algispäll.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.alanurva{
    background-image: url(Images/alanurva.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.madiskuuse{
    background-image: url(Images/madiskuuse.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.edvinhärgin{
    background-image: url(Images/edvinhärgin.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.jaanusrauam{
    background-image: url(Images/jaanusrauam.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.ivankutšumov{
    background-image: url(Images/ivankutšumov.jpg);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}

.ardonõmmela{
    background-image: url(Images/emptyimage.png);
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 7px;
}



/* KONTAKTID KONTAKTID KONTAKTID KONTAKTID */

.kontakt_background{
    width: 100%;
    height: 160vh;
    background-image: url(Images/kontakttaust.jpg);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}

.kontakt_empty{
    height: 10%;
    width: 100%;
}

.kontakt_info{
    height: 85%;
    width: 100%;
}

.kontakt_info_klubi{
    width: 50%;
    height: 22%;
    margin-left: 25%;
    background-color: rgba(26, 37, 59, 0.9);
    border-radius: 8px;
}

.kontakt_info_klubi_pealkiri{
    height: 27%;
    width: 100%;
    display: flex;
}

.kontakt_pealkiri_klubi{
    width: 96%;
    height: 70%;
    margin-top: auto;
    margin-left: 2%;
    border-bottom: solid 1px #FEFB68;
    color: white;
}

.kontakt_info_klubi_details{
    height: 65%;
    margin-left: 2%;
    color: white;
    padding-top: 1%;
}

.kontakt_klubi_register{
    height: 23%;
    font-size: 1.8rem;
}

.kontakt_klubi_pank{
    height: 23%;
    font-size: 1.8rem;
}

.kontakt_klubi_aadress{
    height: 23%;
    font-size: 1.8rem;
}

.kontakt_klubi_email{
    height: 23%;
    font-size: 1.8rem;
}


.kontakt_info_details{
    height: 50%;
    width: 50%;
    margin-left: 25%;
    margin-top: 1%;
    background-color: rgba(26, 37, 59, 0.9);
    border-radius: 8px;
}

.kontakt_pealkiri{
    height: 10%;
    width: 100%;
    display: flex;
}

.kontakt_pealkiri_treenerid{
    width: 96%;
    height: 70%;
    margin-top: auto;
    margin-left: 2%;
    border-bottom: solid 1px #FEFB68;
    color: white;
}

.kontakt_person{
    width: 100%;
    height: 30%;
}

.kontakt_person_details{
    width: 96%;
    height: 95%;
    margin-top: auto;
    margin-left: 2%;
}

.kontakt_bottom{
    border-bottom: solid 1px #FEFB68;
}

.kontakt_person_empty{
    width: 100%;
    height: 5%;
}

.kontakt_person_name{
    width: 100%;
    height: 25%;
    color: white;
    font-size: 1.8rem;
}

.kontakt_person_mobile{
    width: 100%;
    height: 22%;
    color: white;
    font-size: 1.6rem;
}

.kontakt_person_email{
    width: 100%;
    height: 22%;
    color: white;
    font-size: 1.6rem;
}

.kontakt_person_grupid{
    width: 100%;
    height: 26%;
    color: white;
    font-size: 1.6rem;
}

.kontakt_koduleht{
    width: 50%;
    height: 15%;
    margin-left: 25%;
    margin-top: 1%;
    background-color: rgba(26, 37, 59, 0.9);
    border-radius: 8px;
}

.kontakt_info_koduleht{
    height: 35%;
    width: 100%;
    display: flex;
}

.kontakt_pealkiri_koduleht{
    width: 96%;
    height: 70%;
    margin-top: auto;
    margin-left: 2%;
    border-bottom: solid 1px #FEFB68;
    color: white;
}

.kontakt_info_koduleht_details{
    width: 96%;
    height: 95%;
    margin-top: auto;
    margin-left: 2%;
}

.kontakt_koduleht_name{
    width: 100%;
    height: 25%;
    color: white;
    font-size: 1.8rem;
    margin-top: 1%;
}

.kontakt_koduleht_email{
    width: 100%;
    height: 25%;
    color: white;
    font-size: 1.6rem;
}



.staadion_maps{
    width: 100%;
    height: 75vh;
    background-color: #1a253b;
}

.staadion_maps_box{
    height: 80%;
    padding-top: 5%;
    width: 50%;
    margin-left: 25%;
}


.google_maps_staadion{
    width: 100%;
    height: 100%;
}

/* FOOTER FOOTER FOOTER FOOTER */

footer {
    width: 100%;
    height: 20vh;
    background-color: #1A253B;
    display: flex;
}

.footer_contact{
    height: 100%;
    width: 33%;
    display: column;
    color: white;
    font-size: 1.3rem;
    justify-content: center;
    align-items: center;
}

.contacts{
    margin-left: 30%;
    margin-top: 10%;
}

.email{
    display: flex;
}

.email_icon{
    width: 15px;
    height: 15px;
    background-image: url("Images/email.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.phone{
    display: flex;
}

.phone_icon{
    width: 15px;
    height: 15px;
    background-image: url("Images/phone.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 5px;
}

.phone_number{
    text-decoration: none;
}


.footer_logo{
    height: 100%;
    width: 34%;
}

.footer_logo_div{
    height: 60%;
    width: 60%;
    margin-left: 20%;
    margin-top: 6%;
    display: flex;
}

.footer_logo_div_logo{
    height: 100%;
    width: 33%;
    background-image: url("Images/logo2021.png");
    background-size: 90%;
    background-position: center;
    background-repeat: no-repeat;

}

.footer_logo_div_name{
    height: 100%;
    width: 70%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    font-size: 2rem;
}

.footer_social{
    height: 100%;
    width: 33%;
    display: block;
}

.footer_social_div{
    width: 18%;
    height: 12.5%;
    margin-left: 41%;
}

.footer_social_div_content{
    width: 18%;
    height: 25%;
    margin-left: 41%;
}


.footer_social_div_link{
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    text-decoration: none;
}

.footer_social_div_link:link{
    text-decoration: none;
}

.footer_social_div_link:visited{
    text-decoration: none;
}

.footer_social_div_link:hover{
    color: #FEFB68;
}


/* DETAILSEM LIIGATABEL / DETAILSEM LIIGATABEL / DETAILSEM LIIGATABEL */

.liigatabel_background{
    height: 115vh;
    background-color: #1A253B;
}

.liigatabel_pealkiri{
    height: 36%;
    display:flex;
}

.liigatabel_pealkiri_info{
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
}

.liigatabel_pealkiri_info_1st{
    height: 60%;
    width: 100%;
}

.liigatabel_pealkiri_info_2nd{
    height: 40%;
    width: 100%;
    display: flex;
}

.liigatabel_pealkiri_info_logo{
    width: 20%;    
}

.liigatabel_pealkiri_info_logo_div{
    width: 50%;
    height: 90%;
    background-image: url(Images/III_logo.png);
    background-size: 80%;
    background-repeat: no-repeat;
    margin-left: 25%;
    margin-top: 5%;
}

.liigatabel_pealkiri_info_nimi{
    width: 60%;
    font-size: 4rem;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
}

.liigatabel_tabel{
    height: 58%;
    width: 70%;
    margin-left: 15%;
    margin-right: 15%;
    color: white;
}

.liigatabel_tabel_pealkiri{
    height: 15%;
    width: 100%;
    display: flex;
    font-size: 1.8rem;
    font-weight: bold; 
}

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

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

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

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

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

.liigatabel_tabel_positions{
    width: 100%;
    height: 85%;
    display: block;
    font-size: 1.4rem;
}

.liigatabel_tabel_positions_team{
    width: 100%;
    height: 10%;
    display: flex;
}

.liigatabel_team_position{
    height: 100%;
    width: 30%;
    display: flex;
    justify-content: left;
    align-items: center;
}

.liigatabel_team_empty{
    height: 100%;
    width: 10%;
}

.odd{
    background-color: rgba(39, 135, 161, 0.2);
}

.even{
    background-color: rgba(39, 124, 206, 0.1);
}

.liigatabel_empty_space{
    height: 10vh;
    background-color: #1A253B;
}

.liigatabel_more_info{
    width: 70%;
    height: 6vh;
    margin-left: 15%;
    margin-right: 15%;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.liigatabel_more_info:link{
    text-decoration: none;
}

.liigatabel_more_info:visited{
    text-decoration: none;
    color: #06AED6;
}

.liigatabel_more_info:hover{
    color: #FEFB68;
}


.anijavallakalender_header{
    width: 100%;
    height: 10vh;
    display: flex;
}

.anijavallakalender_header_text{
    align-items: center;
    display: flex;
    width: 65%;
    margin-left: 35%;
}


.anijavallakalender{
    width: 100%;
    height: 30vh;
}


.anijavallakalender_box{
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
}

.anijavallakalender_list{
    list-style: none;
    display: flex;
    margin-right: auto;
    margin-left: auto;
}

.anijavallakalender_link{
    background-image: url("Images/anijavallakalender.png");
    display: block;
    background-repeat: no-repeat;
    background-size: 100%;
    height: 175px;
    width: 300px;
    text-indent: -99999px;
}


/* ÜRITUSED ÜRITUSED ÜRITUSED ÜRITUSED ÜRITUSED */

.header_empty{
    height: 20vh;
    background-color: #1A253B;

}

.yritused_pealkiri{
    height: 8vh;
    background-color: #1A253B;
}

.yritused_pealkiri_tekst{
    height: 100%;
    width: 70%;
    margin: 0 15% 0 15%;
    color: white;
    letter-spacing: 1px;
}

.yritused_content{
    height: 30vh;
    background-color: #1A253B;
}

.yritused_content_box{
    height: 100%;
    width: 70%;
    margin: 0 15% 0 15%;
}

.yritused_content_box_top{
    width: 100%;
    height: 5%;
    border-top: white solid 2px;
}

.yritused_content_box_mid{
    width: 100%;
    height: 85%;
    display: flex;
}

.yritused_content_box_bottom{
    width: 100%;
    height: 10%;
}

.yritused_mid_tekst{
    width: 60%;
}

.yritused_mid_pealkiri{
    height: 15%;
    color: white;
    width: 96%;
}

.yritused_mid_kpv{
    height: 10%;
    color: white;
    width: 96%;
}

.yritused_mid_info{
    height: 65%;
    color: white;
    font-size: 1.4rem;
    width: 96%;
}

.yritused_mid_rohkem{
    height: 10%;
}

.yritused_mid_rohkem h2 a:link{
    text-decoration: none;
}

.yritused_mid_rohkem h2 a{
    color: #06AED6;
}

.yritused_mid_rohkem h2 a:hover{
    color: #FEFB68;
}

.yritused_mid_pilt{
    width: 40%;
}

.sohvikcup9_pilt{
    background-image: url(Images/sohvikcup9.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sohvikcup8_pilt{
    background-image: url(Images/sohvikcup8.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.anijasaal2019_pilt{
    background-image: url(Images/anijasaal2019.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sohvikcup7_pilt{
    background-image: url(Images/sohvikcup7.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.anijasaal2018_pilt{
    background-image: url(Images/anijasaal2018.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sohvikcup6_pilt{
    background-image: url(Images/sohvikcup6.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.anijasaal2017_pilt{
    background-image: url(Images/anijasaal2017.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sohvikcup5_pilt{
    background-image: url(Images/sohvikcup5.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.anijasaal2016_pilt{
    background-image: url(Images/anijasaal2016.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sohvikcup4_pilt{
    background-image: url(Images/sohvikcup4.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.anijasaal2015_pilt{
    background-image: url(Images/anijasaal2015.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sohvikcup3_pilt{
    background-image: url(Images/sohvikcup3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.anijasaal2014_pilt{
    background-image: url(Images/anijasaal2014.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sohvikcup2_pilt{
    background-image: url(Images/sohvikcup2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.sohvikcup1_pilt{
    background-image: url(Images/sohvikcup1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

/* KLUBI KLUBI KLUBI KLUBI KLUBI KLUBI */

.klubi_info{
    height: 155vh;
    background-color: #1A253B;
}

.klubi_ajalugu{
    width: 80%;
    height: 100%;
    margin: 0 10% 0 10%;
    color: white;
}

.klubi_ajalugu p{
    font-size: 1.6rem;
}

.klubi_ajalugu_pilt{
    height: 25%;
    width: 100%;
    display: flex;
}

.klubi_ajalugu_pilt_esimene1{
    width: 30%;
    height: 100%;
    margin-right: 5%;
    background-image: url(Images/esimene1.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.klubi_ajalugu_pilt_esimene2{
    width: 30%;
    height: 100%;
    margin-right: 5%;
    background-image: url(Images/esimene2.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}

.klubi_ajalugu_pilt_esimene3{
    width: 30%;
    height: 100%;
    background-image: url(Images/esimene3.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}




/* Ürituste template / Ürituste template */
.yritused_pealkiri{
    height: 8vh;
    background-color: #1A253B;
}

.yritused_pealkiri_tekst{
    height: 100%;
    width: 70%;
    margin: 0 15% 0 15%;
    color: white;
    letter-spacing: 1px;
}

.yritus_content_template{
    background-color: #1A253B;
}

.yritus_content_box_template{
    width: 70%;
    margin: 0 15% 0 15%;
}

.yritus_content_box_top_template{
    width: 100%;
    height: 5%;
    border-top: white solid 2px;
}

.yritus_content_box_bottom_template{
    width: 100%;
    height: 95%;
    display: flex;
}


.yritus_bottom_tekst_template{
    width: 60%;
}

.yritus_bottom_pealkiri_template{
    height: 15%;
    color: white;
    width: 96%;
}

.yritus_bottom_kpv_template{
    height: 10%;
    color: white;
    width: 96%;
}

.yritus_bottom_info_template{
    height: 75%;
    color: white;
    font-size: 1.4rem;
    width: 96%;
}

.yritus_bottom_pilt_template{
    width: 40%;
}

.yritus_main_text_template{
    width: 70%;
    margin: 0 15% 0 15%;
    color: white;
    font-size: 1.4rem;
}

/* DETAILNE ÜRITUSE leht / DETAILNE ÜRITUSE leht / DETAILNE ÜRITUSE leht */


.height_40vh{
    height: 40vh;
}

.height_245vh{
    height: 245vh;
}

.height_320vh{
    height: 320vh;
}

.height_330vh{
    height: 330vh;
}

.height_340vh{
    height: 340vh;
}

.height_350vh{
    height: 350vh;
}


/* UUDISED UUDISED UUDISED UUDISED UUDISED */


.news_blank{
    height: 20vh;
    background-color: #1A253B;
}

.news_year{
    height: 8vh;
    background-color: #1A253B;
}

.news_year_header{
    width: 60%;
    height: 100%;
    margin-left: 20%;
    border-bottom: solid 2px #FEFB68;
}

.news_year_header h1{
    margin-left: 3%;
    color: white;
    font-size: 35px;
}

.news_content{
    width: 100%;
    height: 30vh;
    background-color: #1A253B;
}

.news_content_uudis_blank{
    width: 60%;
    height: 10%;
    margin-left: 20%; 
}

.news_content_uudis{
    width: 60%;
    height: 80%;
    margin-left: 20%;
    border-left:  solid 5px #FEFB68;
}

.news_content_text{
    width: 98%;
    height: 100%;
    margin-left: 2%;
}

.news_content_text_header{
    width: 100%;
    height: 30%;
    color: white;
}

.news_content_text_content{
    width: 100%;
    height: 50%;
    color: white;
    font-size: 15px;
}

.news_content_footer{
    width: 100%;
    height: 20%;
    display: flex;
}

.news_content_footer_date{
    height: 100%;
    width: 80%;
    color: white;
    font-size: 15px;
}

.news_content_footer_link{
    height: 100%;
    width: 20%;
    font-size: 15px;
    color: #2787A1;
}


.news_blank2{
    width: 100%;
    height: 8vh;
    background-color: #1A253B;
}


/* Detailsemad uudised / Detailsemad uudised / Detailsemad uudised */

.uudis_blank{
    width: 100%;
    height: 17vh;
    background-color: #1A253B;
}

.uudis_border{
    border-bottom: solid 1px #FEFB68;
}



/* Peasponsor 2021-2023 uudis 17.05.2021 */

.peasponsor2021-2023_content{
    width: 100%;
    height: 100vh;
    background-color: #1A253B;
}

.peasponsor2021-2023_content_text{
    width: 70%;
    margin-left: 15%;
    height: 50%;
    color: white;
}

.peasponsor2021-2023_content_text_pealkiri{
    height: 8%;
}

.peasponsor2021-2023_content_text_info{
    height: 75%;
    padding-top: 2%;
    font-size: 1.8rem;
}

.peasponsor2021-2023_content_pilt{
    width: 100%;
    width: 70%;
    margin-left: 15%;
    height: 50%;
    background-image: url(Images/peasponsor20212023.jpg);
    background-size: 45%;
    background-repeat: no-repeat;
}

/* Üleminekud 2021 uudis 17.05.2021 */

.üleminekud2021_content{
    width: 100%;
    height: 118vh;
    background-color: #1A253B;
}

.üleminekud2021_content_text{
    width: 74%;
    margin-left: 13%;
    height: 60%;
    color: white;
}

.üleminekud2021_content_text_pealkiri{
    height: 7%;
}

.üleminekud2021_content_text_info{
    height: 80%;
    padding-top: 1%;
    font-size: 1.8rem;
}

.üleminekud2021_content_pilt{
    width: 100%;
    width: 74%;
    margin-left: 13%;
    height: 40%;
    background-image: url(Images/üleminekud2021.jpg);
    background-size: 45%;
    background-repeat: no-repeat;
}

/* HOOAEG 2021 ALGUS HOOAEG 2021 ALGUS */

.hooaeg2021_content{
    width: 100%;
    height: 90vh;
    background-color: #1A253B;
}

.hooaeg2021_content_text{
    width: 70%;
    margin-left: 15%;
    height: 50%;
    color: white;
}

.hooaeg2021_content_text_pealkiri{
    height: 8%;
}

.hooaeg2021_content_text_info{
    height: 75%;
    padding-top: 2%;
    font-size: 1.8rem;
}

.text_link{
    color: #06AED6;
}

/* NOORED ALGUS 2021 NOORED ALGUS 2021 NOORED ALGUS 2021 */

.nooredalgus2021_content{
    width: 100%;
    height: 160vh;
    background-color: #1A253B;
}

.nooredalgus2021_content_text{
    width: 70%;
    margin-left: 15%;
    height: 100%;
    color: white;
}

.nooredalgus2021_content_text_pealkiri{
    height: 3%;
}

.nooredalgus2021_content_text_info{
    height: 97%;
    padding-top: 2%;
    font-size: 1.8rem;
}

.nooredalgus2021_content_pilt{
    width: 100%;
    width: 65%;
    margin-left: 0%;
    height: 40%;
    background-image: url(Images/nooredalgus2021.jpg);
    background-size: 100%;
    background-repeat: no-repeat;
}


/* ESINDUS 2021 LÕPP - ESINDUS 20121 LÕPP - ESINDUS 2021 LÕPP*/

.esindus2021lõpp_content{
    width: 100%;
    height: 160vh;
    background-color: #1A253B;
}

.esindus2021lõpp_content_text{
    width: 70%;
    margin-left: 15%;
    height: 100%;
    color: white;
}

.esindus2021lõpp_content_text_pealkiri{
    height: 3%;
}

.esindus2021lõpp_content_text_info{
    height: 97%;
    padding-top: 2%;
    font-size: 1.8rem;
}

.liigatabel2021link{
    color: #2787A1;
    font-weight: bold;
}


.liigatabel2021link:link{
    text-decoration: none;
}

.liigatabel2021link:hover{
    color: #FEFB68;
}

/* DUUBEL 2021 LÕPP - DUUBEL 20121 LÕPP - DUUBEL 2021 LÕPP*/

.duubel2021lõpp_content{
    width: 100%;
    height: 160vh;
    background-color: #1A253B;
}

.duubel2021lõpp_content_text{
    width: 70%;
    margin-left: 15%;
    height: 100%;
    color: white;
}

.duubel2021lõpp_content_text_pealkiri{
    height: 3%;
}

.duubel2021lõpp_content_text_info{
    height: 97%;
    padding-top: 2%;
    font-size: 1.8rem;
}






/* Mobile friendly */


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

    .üleminekud2021_content{
        height: 123vh;
    }

    .üleminekud2021_content_text{
        height: 62%;
    }

    .üleminekud2021_content_pilt{
        height: 38%;
    }
    
}


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


    .yritused_content{
        height: 37vh;
    }

    .yritus_content_box_template{
        width: 80%;
        margin: 0 10% 0 10%;
    }
    
    .yritus_main_text_template{
        width: 80%;
        margin: 0 10% 0 10%;
    }

    .uudised_tekst{
        font-size: 1.5rem;
    }

    .anijavallakalender_header_text{
        margin-left: 32%;
    }

}


@media screen and (max-width: 1650px){
    
    .first_team_button_info_blank{
        height: 75%;
    }

    .profile_row_card{
        margin-left: 5%;
        width: 90%;
    }

    .kontakt_background{
        background-size: 120%;
    }

    .peasponsor2021-2023_content_text{
        width: 80%;
        margin-left: 10%;
        height: 55%;
    }

    .peasponsor2021-2023_content_pilt{
        width: 80%;
        margin-left: 10%;
        height: 45%;
    }

}





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

    .klubi_info{
        height: 165vh;
    }

    .uudised_tekst{
        font-size: 1.4rem;
    }

    .next_games_button{
        width: 50%;
    }

    .first_team{
        height: 70vh;
    }

    .first_team_button{
        height: 69vh;
        margin-top: 0vh;
    }

    .second_team{
        height: 71vh;
    }

    .second_team_button{
        height: 69vh;
        margin-top: 1vh;
    }

    .first_team_button_info_blank{
        height: 83%;
    }

    .anijavallakalender_header_text{
        margin-left: 30%;
    }

}

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

    .profile_row_card{
        margin-left: 4%;
        width: 96%;

    }
}


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

    .yritused_content{
        height: 41vh;
    }


    .yritus_content_box_template{
        width: 86%;
        margin: 0 7% 0 7%;
    }
    
    .yritus_main_text_template{
        width: 86%;
        margin: 0 7% 0 7%;
    }

    .height_40vh{
        height: 45vh;
    }

    .section1_noored{
        height: 52vh;
    }

    .first_team_button_info_blank{
        height: 80%;
    }

    .anijavallakalender_header_text{
        margin-left: 27%;
    }

    .profile_card_name{
        font-size: 1.4rem;
    }
    
    .profile_card_age{
        font-size: 1.4rem;
    }
    
    .profile_card_number{
        font-size: 1.4rem;
    }
    
    .profile_card_position{
        font-size: 1.4rem;
    }

    .kontakt_background{
        background-size: 135%;
    }

    .üleminekud2021_content_text_info{
        font-size: 1.6rem;
    }

    .peasponsor2021-2023_content_text_info{
        font-size: 1.7rem;
    }

    .hooaeg2021_content_text{
        width: 85%;
        margin-left: 7%;
    }

}



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

    .window_league{
        height: 77%;
        width: 75%;
        margin: 80px 30% 30px 40px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-color: rgb(26, 37, 59, 0.9);
        display: block;
    }

    .urva_logo{
        margin-top: -2%;
    }

    .klubi_ajalugu{
        width: 90%;
        margin: 0 5% 0 5%;
    }

    .uudised_row{
        margin-left: 5%;
        width: 90%;
    }

    .uudised{
        height: 100vh;
        background-image: url("Images/uudisedtaust2.jpg");
    }

    .uudised_row{
        padding-top: 2%;
        height: 90%;
        display: block;
    }

    .uudised_row_info{
        height: 28%;
        width: 100%;
    }

    .uudised_pealkiri h1{
        padding-top: 4px;
    }

}

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

    .urva_logo{
        font-size: 2.4rem;
    }

    .katkera_logo{
        background-size: 120%;
        margin-left: 38%;
    }

    .yritused_content{
        height: 44vh;
    }

    .section1_noored{
        height: 55vh;
    }

    .second_team_button{
        margin-top: 0vh;
    }

    .first_team_button_info_blank{
        height: 76%;
    }

    .anijavallakalender_header_text{
        margin-left: 23%;
    }

    .kontakt_background{
        background-size: 140%;
    }

    .kontakt_info_klubi{
        width: 70%;
        margin-left: 15%;
    }

    .kontakt_info_details{
        width: 70%;
        margin-left: 15%;
    }

    .kontakt_koduleht{
        width: 70%;
        margin-left: 15%;
    }

    .uudised{
        background-size: 130%;
    }


}

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

    .profile_card_image{
        width: 55%;
    }
    
    .profile_card_info{
        width: 45%;
    }

    .kontakt_background{
        background-size: 145%;
    }
    
}

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

    .yritused_content{
        height: 50vh;
    }

    .window_league{
        height: 70%;
        width: 75%;
        margin: 80px 30% 30px 40px;
    }

    .yritus_content_box_template{
        width: 90%;
        margin: 0 5% 0 5%;
    }
    
    .yritus_main_text_template{
        width: 90%;
        margin: 0 5% 0 5%;
    }
    
    .previous_game{
        height: 22%;
    }

    .previous_next_game_fixture_3{
        font-size: 1.2rem;
    }
    
    .current_game_notification{
        font-size: 1.4rem;
    }
    
    .current_game_time{
        font-size: 1.4rem;
    }
    
    .current_game_fixture_3{
        font-size: 1.2rem;
    }
    
    .game_date_info_number{
        font-size: 3.1rem;
    }
    
    .game_date_info_text{
        font-size: 1.5rem;
    }
    
    .home_team{
        font-size: 1.5rem;
    }
    
    .score_vs_box{
        font-size: 2.1rem;
    }
    
    .score_vs_box_current{
        margin: 15% 12.5% 15% 12.5%;
        font-size: 2.3rem;
    }
    
    .away_team{
        font-size: 1.5rem;
    }

    .suurtoetajad_logo{
        padding-top: 1%;
        height: 29%;
        width: 85%;
        margin-left: 7.5%;
        justify-content: center;
        display: flex;
    }

    .rimark_logo{
        width: 20%;
        margin-right: 4%;
    }
    
    .ofi_logo{
        width: 20%;
        margin-right: 4%;
    }
    
    .kraavimeister_logo{
        width: 20%;
        margin-right: 4%;
    }
    
    .urva_logo{
        width: 20%;
        margin-right: 4%;
        margin-top: -1%;
        font-size: 2.7rem;
    }
    
    .rawest_logo{
        width: 20%;
    }
    
    
    .toetajad_logo{
        width: 80%;
        margin-left: 10%;

    }
    
    .anijamois_logo{
        width: 33%;
        background-size: 52%;
    }
    
    .tvreisid_logo{
        width: 40%;
    }
    
    .anijavald_logo{
        width: 33%;
    }

    .klubi_info{
        height: 175vh;
    }

    .first_team{
        height: 57vh;
    }

    .first_team_button{
        height: 54vh;
    }

    .second_team{
        height: 58vh;
    }

    .second_team_button{
        height: 55vh;
    }


    .first_team_button_info_blank{
        height: 77%;
    }

    .peasponsor2021-2023_content_text_info{
        font-size: 1.6rem;
    }

    .hooaeg2021_content_text{
        width: 90%;
        margin-left: 5%;
    }

    .hooaeg2021_content_text_info{
        font-size: 1.6rem;
    }
    

}



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

    .footer_logo_div_logo{
        width: 35%;
    }

    .footer_logo_div_name{
        width: 65%;
    }

    .intro_text_noored{
        font-size: 1.7rem;
    }

    .yritused_mid_pealkiri h1{
        font-size: 1.8rem;
    }

    .yritused_content_box{
        width: 86%;
        margin: 0 7% 0 7%;
    }

    .yritused_pealkiri_tekst{
        width: 86%;
        margin: 0 7% 0 7%;
    }

    .height_40vh{
        height: 47vh;
    }
  
    .liigatabel_tabel_pealkiri{
        font-size: 1.6rem;
    }

    .liigatabel_pealkiri{
        height: 28%;
    }

    .liigatabel_tabel_positions_team{
        height: 11%;
    }

    .liigatabel_pealkiri_info_nimi{
        font-size: 3.5rem;
    }

    .kontakt_background{
        background-size: 160%;
    }
}

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

    .yritused_mid_pealkiri h1{
        font-size: 2rem;
    }

    .yritused_mid_kpv h3{
        font-size: 1.6rem;
    }

    .tabel_games{
        width: 55%;
    }
    
    .tabel_league{
        width: 45%;
    }

    .window_games{
        height: 78%;
        width: 65%;
        margin: 80px 40px 30px 20%;
        overflow:hidden;
    }

    .window_league{
        height: 62%;
        width: 75%;
        margin: 80px 30% 30px 40px;
    }

    .window_games{
        height: 70%;
        width: 70%;
        margin: 80px 40px 30px 20%;
        overflow:hidden;
    }
    
    .previous_next_game_fixture_3{
        font-size: 1rem;
    }
    
    .current_game_notification{
        font-size: 1.2rem;
    }
       
    .game_date_info_number{
        font-size: 2.6rem;
    }
    
    .game_date_info_text{
        font-size: 1.3rem;
    }
    
    .home_team{
        font-size: 1.4rem;
    }
    
    .score_vs{
        margin-top: 5px;
        width: 24%;
        height: 80%;
    }
    
    .score_vs_box{
        font-size: 1.8rem;
    }
    
    .score_vs_box_current{
        font-size: 2rem;

    }
    
    .away_team{
        font-size: 1.4rem;
    }

    .front, .back{
        display: none;
    }


    .front_mobile {
        width: 100%;
        height: 100%;
        overflow: hidden;
        backface-visibility: hidden;
        position: absolute;
        display: block;
    }
    
    .front_mobile a img{
        height: 100%;
    }

    .middle a{
        margin-left: 0%;
    }

    .katkera_logo{
        width: 25%;
        margin-left: 35%;
        background-size: 125%;
    }

    .footer_logo_div_logo{
        width: 33%;
        background-size: 85%;
    }

    .intro_text_noored{
        font-size: 1.6rem;
    }


    .height_40vh{
        height: 55vh;
    }

    .klubi_info{
        height: 180vh;
    }

    .klubi_ajalugu_pilt{
        height: 20%;
    }

    .liigatabel_tabel{
        width: 80%;
        margin-left: 10%;
        margin-right: 10%;
    }

    .section2_noored{
        height: 60vh;
    }

    .anijavallakalender_header_text{
        margin-left: 20%;
    }

    .profile_card_image{
        width: 50%;
    }
    
    .profile_card_info{
        width: 50%;
        padding-top: 25px;
    }
    

    .profile_row{
        height: 33vh;
    }

    .kontakt_background{
        background-size: 170%;
    }

    .üleminekud2021_content_text{
        width: 85%;
        margin-left: 7%;
    }

    .üleminekud2021_content_pilt{
        width: 85%;
        margin-left: 7%;
    }

    .nooredalgus2021_content_text{
        width: 80%;
        margin-left: 10%;
    }

    .nooredalgus2021_content_text_info{
        font-size: 1.6rem;
    }


}


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

    .yritused_content_box{
        width: 92%;
        margin: 0 4% 0 4%;
    }

    .yritused_pealkiri_tekst{
        width: 92%;
        margin: 0 4% 0 4%;
    }

    .yritused_content{
        height: 60vh;
    }

    .yritused_mid_info p{
        font-size: 1.6rem;
    }

    #tabel_background {
        height: 1000px;
        width: 100%;
        display: block;
        background-image: url("Images/KehraStaadion.jpg");
        background-size: 300%;
        background-repeat: no-repeat;
    }

    .window_league{
        height: 50%;
        width: 70%;
        margin: 8px 15% 30px 15%;
    }


    .tabel_games{
        height: 50%;
        width: 100%;
    }
    
    .tabel_league{
        height: 85%;
        width: 100%;
    }
    
    .window_games{
        height: 90%;
        width: 70%;
        margin: 0px 15% 30px 15%;
        overflow: hidden;
    }
    
    .previous_game{
        height: 22%;
        display: flex;
        margin-top: 25px;
    }
    
    
    .score_vs_box{
        margin-top: -2px;
    }
    

    .liiga_logo{
        background-size: 35%;
    }

    .jalgpallikaart_facebook{
        height: 600px;
        width: 100%;
        display: block;
    }

    .jalgpallikaart{
        width: 100%;
    }

    .middle{
        margin-left: 50%;
    }

    .facebook_profile{
        margin: 30% 20% 0% 34%;
    }

    .break{
        height: 30vh;
    }

    .klubi_toetajad{
        height: 110vh;
    }

    .peatoetaja_logo{
        height: 24%;
    }

    .katkera_logo{
        width: 35%;
        margin-left: 29%;
        background-size: 121%;
    }

    .rimark_logo{
        width: 28%;
        margin-top: 4%;
    }
    
    .ofi_logo{
        width: 28%;
        margin-top: 4%;
    }
    
    .kraavimeister_logo{
        width: 28%;        
        margin-top: 4%;
    }
    
    .urva_logo{
        display: none;
    }

    .rawest_logo{
        display: none;
    }

    .suurtoetajad_logo_2nd_row{
        display: flex;
        width: 100%;
        height: 18%;
        margin-top: -11%;
        justify-content: center;
        align-items: center;
    }
    
    .urva_logo_2nd_row{
        width: 20%;
        margin-top: -7%;
    }
    
    
    .rawest_logo_2nd_row{
        width: 16%;
    }

    .sohvik_logo{
        margin-top: 3%;
        background-size: 112%;
    }

    .anijamois_logo{
        background-size: 72%;
        margin-top: 2%;
    }

    .tvreisid_logo{
        margin-top: 3%;
        background-size: 101%;
    }

    .anijavald_logo{
        margin-top: 2%;
        background-size: 70%;
    }


    .first_team_button_info_blank{
        height: 72%;
    }
    
    .first_team_button_info{
        height: 28%;
    }

    .height_40vh{
        height: 58vh;
    }

    .klubi_info{
        height: 185vh;
    }

    .klubi_ajalugu_pilt{
        height: 18%;
    }

    .contacts{
        margin-top: 15%;
    }

    .uudised{
        background-size: 150%;
    }

    
    .anijavallakalender{
        height: 35vh;
    }

    .anijavallakalender_link{
        height: 160px;
        width: 275px;
    }

    .profile_card_name{
        font-size: 1.2rem;
    }
    
    .profile_card_age{
        font-size: 1.2rem;
    }
    
    .profile_card_number{
        font-size: 1.2rem;
    }
    
    .profile_card_position{
        font-size: 1.2rem;
    }

    .profile_card_info{
        padding-top: 5px;
    }

    .kontakt_background{
        background-size: 190%;
    }

    .peasponsor2021-2023_content_text_info{
        font-size: 1.5rem;
    }


}

@media screen and (max-width: 900px){
    .footer_logo_div_name{
        font-size: 1.8rem;
    }

    .intro_text_noored{
        font-size: 1.6rem;
    }
    
    .join_noored{
        font-size: 1.6rem;
    }

    .height_40vh{
        height: 63vh;
    }

    .liigatabel_tabel{
        width: 92%;
        margin-left: 4%;
        margin-right: 4%;
    }

    .liigatabel_pealkiri_info_nimi{
        font-size: 3rem;
    }

    .yritused_content{
        height: 120vh;
    }

    .yritused_mid_pilt{
        display: none;
    }

    .yritused_mid_pilt_mobile{
        height: 50vh;
        width: 100%;
    }

    .yritused_mid_tekst{
        width: 96%;
    }

    .yritused_mid_pealkiri{
        height: 9%;
        margin-top: 2%;
    }

    .yritused_mid_kpv{
        height: 6%;
    }

    .yritused_mid_info{
        height: 32%;
    }

    .yritused_mid_rohkem{
        height: 7%;
    }

    .profile_row{
        height: 30vh;
    }

    .staadion_maps_box{
        width: 70%;
        margin-left: 15%;
    }
    

}

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


    .break{
        height: 20vh;
    }

    .first_team_button_info_blank{
        height: 70%;
    }
    
    .first_team_button_info{
        height: 30%;
    }

    .klubi_ajalugu{
        width: 92%;
        margin: 0 4% 0 4%;
    }

    .liiga_logo{
        background-size: 40%;
    }

    .section3_noored{
        height: 35vh;
    }

    .anijavallakalender_header_text{
        width: 84%;
        margin-left: 16%;
    }

    .kontakt_background{
        background-size: 220%;
    }

    .üleminekud2021_content{
        height: 175vh;
    }

    .üleminekud2021_content_text{
        height: 70%;
    }

    .üleminekud2021_content_pilt{
        height: 30%;
        background-size: 60%;
    }



}

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


    .footer_logo_div_name{
        font-size: 1.6rem;
    }

    .meeskond_info_text{
        height: 30%;
    }

    .height_40vh{
        height: 67vh;
    }

    .klubi_ajalugu p{
        font-size: 1.4rem;
    }

    .logo {
        background-size: 88px;
    }

    .logo_a {
        background-size: 88px;
    }

    .urva_logo_2nd_row{
        margin-top: -4%;
    }

    .uudised{
        background-size: 180%;
    }

    .intro_text_noored{
        width: 80%;
        margin-left: 10%;
    }

    .section2_noored h2{
        width: 80%;
        margin-left: 10%;
        margin-top: 25px;
    }

    .collapsible{
        width: 80%;
        margin-left: 10%;
    }

    .section3_noored{
        height: 38vh;
    }

    .join_noored{
        width: 80%;
        margin-left: 10%;
    }

    .noored_info_sportlyzer{
        margin-left: 10%;
    }

    .first_team{
        height: 52vh;
    }

    .second_team{
        height: 52vh;
    }
    
    .first_team_button_info_blank{
        height: 68%;
    }

    .kontakt_info_klubi{
        width: 80%;
        margin-lefT: 10%;
    }

    .kontakt_info_details{
        width: 80%;
        margin-lefT: 10%;
    }

    .kontakt_koduleht{
        width: 80%;
        margin-lefT: 10%;
    }

    .kontakt_klubi_register{
        font-size: 1.5rem;
    }

    .kontakt_klubi_pank{
        font-size: 1.5rem;
    }

    .kontakt_klubi_aadress{
        font-size: 1.5rem;
    }

    .kontakt_klubi_email{
        font-size: 1.5rem;
    }

    .kontakt_person_name{
        font-size: 1.5rem;
    }

    .kontakt_person_mobile{
        font-size: 1.4rem;
    }

    .kontakt_person_email{
        font-size: 1.4rem;
    }

    .kontakt_person_grupid{
        font-size: 1.4rem;
    }

    .kontakt_koduleht_name{
        font-size: 1.6rem;
    }

    .kontakt_koduleht_email{
        width: 100%;
        height: 25%;
        color: white;
        font-size: 1.4rem;
    }

    .kontakt_pealkiri_koduleht h1{
        font-size: 15px;
    }

    .nooredalgus2021_content_text{
        width: 84%;
        margin-left: 8%;
    }

    .nooredalgus2021_content_text_info{
        font-size: 1.5rem;
    }

    .nooredalgus2021_content{
        height: 165vh;
    }

    .nooredalgus2021_content_text_info{
        height: 90%;
    }

}

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

    .profile_row{
        height: 145vh;
    }

    .profile_row_card{
        margin-left: 8%;
        width: 84%;
        height: 100%;
        display: block;
    }


    .profile_card{
        width: 85%;
        height: 32%;
        margin-left: 5%;
        margin-top: 0%;
        display: column;
    }

    .profile_image_size{
        background-size: 95%;
    }
    
    .profile_card_image{
        height: 96%;
    }

    .profile_card_name{
        font-size: 1.8rem;
    }
    
    .profile_card_age{
        font-size: 1.8rem;
    }
    
    .profile_card_number{
        font-size: 1.8rem;
    }
    
    .profile_card_position{
        font-size: 1.8rem;
    }

    .kontakt_background{
        background-size: 250%;
    }

    .peasponsor2021-2023_content{
        height: 150vh;
    }

    .peasponsor2021-2023_content_text{
        width: 90%;
        margin-left: 5%;
    }

    .peasponsor2021-2023_content_pilt{
        width: 90%;
        margin-left: 5%;
        background-size: 60%;
    }

}

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

    .meeskond_info_text{
        width: 80%;
        margin-left: 10%;
    }


    .first_team_button_info_blank{
        height: 75%;
    }
    
    .first_team_button_info{
        height: 34%;
        width: 55%;
    }

    .first_team{
        height: 49vh;
    }

    .first_team_button{
        height: 48vh;
        width: 80%;
        margin-left: 10%;
    }

    .second_team{
        height: 49vh;
    }

    .second_team_button{
        height: 48vh;
        width: 80%;
        margin-left: 10%;
    }

    .height_40vh{
        height: 71vh;
    }

    .contacts{
        margin-left: 25%;
        margin-top: 15%;
    }

    .üleminekud2021_content{
        height: 240vh;
    }

    .üleminekud2021_content_text{
        height: 75%;
    }

    .üleminekud2021_content_pilt{
        height: 25%;
        background-size: 70%;
    }

}

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

    .facebook_profile{
        margin: 30% 20% 0% 30%;
    }

    .peatoetaja_logo{
        height: 20%;
    }

    .liiga_logo{
        background-size: 50%;
    }

    .anijavallakalender_header_text{
        margin-left: 12%;
    }
}

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


    .footer_logo_div_name{
        font-size: 1.4rem;
    }


    .profile_row{
        height: 122vh;
    }


    
}

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

    .facebook_profile{
        margin: 35% 0% 0% 30%;
    }

    .intro_text_noored{
        font-size: 1.5rem;
    }
    
    .first_team_button_info_blank{
        height: 72%;
    }


    .height_40vh{
        height: 77vh;
    }

    .klubi_info{
        height: 190vh;
    }

    .urva_logo_2nd_row{
        font-size: 2.5rem;
        margin-top: -6%;
    }

    .contacts{
        margin-left: 20%;
        margin-top: 15%;
    }

    .klubi_toetajad{
        height: 80vh;
    }

    .peatoetaja_logo{
        height: 25%;
    }

    .footer_contact{
        width: 40%;
    }

    .footer_logo_div{
        width: 60%;
        margin-left: 10%;
    }

    .footer_logo_div_name{
        width: 90%;
    
    }

    .footer_social{
        width: 25%;
    }

    .uudised{
        background-size: 200%;
    }

    .rawest_logo_2nd_row{
        background-size: 70%;
    }

    .staadion_maps_box{
        width: 80%;
        margin-left: 10%;
    }

    .üleminekud2021_content_text_info{
        font-size: 1.5rem;
    }

    .üleminekud2021_content_text{
        height: 70%;
    }

    .üleminekud2021_content_pilt{
        height: 30%;
        background-size: 80%;
    }

    .nooredalgus2021_content{
        height: 215vh;
    }

    .nooredalgus2021_content_text_info{
        height: 55%;
    }


}

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

    .urva_logo_2nd_row{
        font-size: 2.3rem;
        margin-top: -8%;
    }

    .anijamois_logo .anijavald_logo{
        margin-top: 15%;
    }

    .contacts{
        margin-top: 20%;
    }

    .section2_noored{
        height: 65vh;
    }

    .first_team_button_info_blank{
        height: 68%;
    }

    .profile_row{
        height: 105vh;
    }
 

    .profile_card_name{
        font-size: 1.6rem;
    }
    
    .profile_card_age{
        font-size: 1.6rem;
    }
    
    .profile_card_number{
        font-size: 1.6rem;
    }
    
    .profile_card_position{
        font-size: 1.6rem;
    }

}

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

    .facebook_profile{
        margin: 38% 0% 0% 28%;
    }

    .kontakt_background{
        background-size: 300%;
    }

}

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

    .window_league{
        height: 45%;
    }

    .suurtoetajad_logo_2nd_row{
        display: flex;
        width: 100%;
        height: 12%;
        margin-top: -9%;
        justify-content: center;
        align-items: center;
    }

    .rawest_logo_2nd_row{
        background-size: 60%;
        margin-top: -40px;
    }

    .facebook_profile{
        margin: 44% 0% 0% 26%;
    }
    
    .uudised{
        background-size: 220%;
    }

    .section2_noored{
        height: 75vh;
    }

    .uudised{
        background-size: 260%;
    }

    .uudised_pealkiri{
        font-size: 8px;
    }

    .uudised_kpv h3{
        font-size: 13px;
    }

    .urva_logo_2nd_row{
        font-size: 2.1rem;
    }

    .profile_row{
        height: 97vh;
    }

    .profile_card_name{
        font-size: 1.5rem;
    }
    
    .profile_card_age{
        font-size: 1.5rem;
    }
    
    .profile_card_number{
        font-size: 1.5rem;
    }
    
    .profile_card_position{
        font-size: 1.5rem;
    }

    .peasponsor2021-2023_content_text_pealkiri h1{
        font-size: 14px;
    }


    .peasponsor2021-2023_content_text{
        height: 65%;
    }

    .peasponsor2021-2023_content_pilt{
        height: 35%;
    }
    .peasponsor2021-2023_content_pilt{
        background-size: 80%;
    }

    .hooaeg2021_content_text_info{
        font-size: 1.5rem;
    }

}    

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

    .uudised{
        background-size: 280%;
        height: 110vh;
    }


    #tabel_background {
        height: 1150px;
        background-size: 650%;
    }

    .window_league{
        height: 55%;
        width: 80%;
        margin: 5px 10% 20px 10%;
    }

    .liiga_logo{
        background-size: 65%;
    }

    .next_games_button{
        width: 65%;
    }

    .facebook_profile{
        margin: 52% 0% 0% 22%;
    }

    .urva_logo_2nd_row{
        font-size: 2rem;
    }

    .first_team_button_info_blank{
        height: 63%;
    }


    .kontakt_background{
        background-size: 350%;
    }

}

@media screen and (max-width: 505px){
    .urva_logo_2nd_row{
        font-size: 1.9rem;
    }
}


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

    .uudised{
        background-size: 325%;
    }

    .liiga_logo{
        background-size: 70%;
    }

    .next_games_button{
        width: 70%;
    }

    .facebook_profile{
        margin: 55% 0% 0% 18%;
    }

    .urva_logo_2nd_row{
        font-size: 1.65rem;
    }

    .first_team_button_info_blank{
        height: 60%;
    }

    .first_team{
        height: 45vh;
    }

    .first_team_button{
        height: 44vh;
    }

    .second_team{
        margin-top: -9vh;
        height: 45vh;
    }

    .second_team_button{
        height: 44vh;
    }

    .first_team_button_info{
        width: 70%;
    }

    .profile_row{
        height: 85vh;
    }

    .profile_card_name{
        font-size: 1.4rem;
    }
    
    .profile_card_age{
        font-size: 1.4rem;
    }
    
    .profile_card_number{
        font-size: 1.4rem;
    }
    
    .profile_card_position{
        font-size: 1.4rem;
    }

    .kontakt_background{
        background-size: 400%;
    }

    .kontakt_klubi_register{
        font-size: 1.3rem;
    }

    .kontakt_klubi_pank{
        font-size: 1.3rem;
    }

    .kontakt_klubi_aadress{
        font-size: 1.3rem;
    }

    .kontakt_klubi_email{
        font-size: 1.3rem;
    }

    .kontakt_info_klubi{
        width: 90%;
        margin-left: 5%;
    }

    .kontakt_info_details{
        width: 90%;
        margin-left: 5%;
    }

    .kontakt_koduleht{
        width: 90%;
        margin-left: 5%;
    }

    .kontakt_pealkiri_koduleht h1{
        font-size: 13px;
    }

    .üleminekud2021_content_text_info{
        font-size: 1.4rem;
    }

}

/* iPhone 6/7/8 plus */
@media screen and (max-width: 414px){

    .klubi_info{
        height: 280vh;
    }

    .klubi_ajalugu_pilt{
        display: none;
    }

    .facebook_profile{
        margin: 65% 0% 0% 15%;
    }

    .urva_logo_2nd_row{
        font-size: 1.65rem;
    }

    .urva_logo_2nd_row{
        font-size: 1.5rem;
    }

    .profile_row{
        height: 75vh;
    }

    .kontakt_background{
        background-size: 420%;
    }
    
    .hooaeg2021_content{
        height: 95vh;
    }

    .peasponsor2021-2023_content_text_info{
        font-size: 1.4rem;
    }

}



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

    .uudised{
        background-size: 343%;
    }

    .liiga_logo{
        background-size: 77%;
    }

    .profile_row{
        height: 70vh;
    }

    .profile_card_name{
        font-size: 1.2rem;
    }
    
    .profile_card_age{
        font-size: 1.2rem;
    }
    
    .profile_card_number{
        font-size: 1.2rem;
    }
    
    .profile_card_position{
        font-size: 1.2rem;
    }

    .hooaeg2021_content_text_info{
        font-size: 1.4rem;
    }
}




/* iPhone 6/7/8 */
@media screen and (max-width: 380px){

        #tabel_background {
            height: 1400px;
            background-size: 650%;
        }

        .first_team_button_info{
            width: 100%;
            margin-top: -9%;
        }


        .window_games{
            width: 90%;
            margin: 0 5% 0 5%;
        }

        .window_league{
            height: 50%;
            width: 90%;
            margin: 8px 5% 30px 5%;
        }

        .liiga_logo{
            background-size: 80%;
        }

        .facebook_profile{
            margin: 67% 00% 0% 11%;
        }

        .urva_logo_2nd_row{
            width: 25%;
            margin-top: -7%;
            font-size: 1.8rem;
        }

        .rawest_logo_2nd_row{
            width: 20%;
        }

        .footer_contact{
            font-size: 0.8rem;
        }

        .liigatabel_pealkiri_info{
            width: 90%;
            margin-left: 5%;
            margin-right: 5%;
        }

        .liigatabel_pealkiri_info_nimi{
            font-size: 2rem;
        }

        .liigatabel_pealkiri_info_logo_div{
            background-size: 110%;
            margin-top: 20%;
        }

        .liigatabel_tabel_pealkiri{
            height: 12%;
            font-size: 0.9rem;
        }

        .liigatabel_team_empty{
            width: 5%;
        }

        .liigatabel_goals{
            width: 13%;
        }
        
        .liigatabel_points{
            width: 13%;
        }

        .liigatabel_tabel_positions{
            font-size: 1.1rem;
        }

        .section1_noored{
            height: 100vh;
        }
        
        .space_noored{
            height: 35%;
        }

        .intro_noored{
            height: 65%;
        }

        .intro_text_noored{
            width: 75%;
            height: 55%;
            margin-left: 10%;
            font-size: 1.5rem;
        }
        
        .section3_noored{
            height: 60vh;
        }

        .join_noored{
            margin-top: 0px;
            width: 75%;
            height: 28%;
            margin-left: 10%;
            font-size: 1.5rem;
        }
        
        .noored_info_sportlyzer{
            margin-left: 10%;
        }

        .section2_noored{
            height: 80vh;
        }

        .meeskond_info{
            height: 90vh;
        }
        
        .meeskond_info_blank{
            height: 32%;
        }
        
        .meeskond_info_text{
            height: 42%;
            margin-left: 10%;
        }
        
        .meeskond_info_text_p{
            font-size: 1.5rem;
        }
        
        .meeskond_info_sportlyzer{
            width: 70%;
            height: 20%;
        }
        
        .meeskond_info_sportlyzer_button{
            margin-left: 15%;
        }

        .first_team_button_info_blank{
            height: 68%;
        }


        .klubi_info{
            height: 272vh;
        }

        .klubi_ajalugu_pilt{
            display: none;
        }

        .yritused_content{
            height: 120vh;
        }
    
        .yritused_mid_pilt{
            display: none;
        }
    
        .yritused_mid_pilt_mobile{
            height: 35vh;
        }

    
        .yritused_mid_info{
            height: 50%;
        }

        .yritus_bottom_pilt_template{
            display: none;
        }

        .yritus_bottom_pilt_template_mobile{
            width: 100%;
            height: 30vh;
        }

        .yritus_bottom_tekst_template{
            width: 100%;
        }

        .height_40vh{
            height: 117vh;
        }

        .yritus_bottom_pealkiri_template{
            height: 8%;
            margin-top: 3%;
        }
        
        .yritus_bottom_kpv_template{
            height: 5%;
        }

        .uudised{
            background-size: 383%;
            height: 115vh;
        }

        .kontakt_background{
            background-size: 460%;
        }
    
        .kontakt_pealkiri_koduleht h1{
            font-size: 12px;
        }

}

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

    .profile_row{
        height: 65vh;
    }

    .profile_card_name{
        font-size: 1.1rem;
    }
    
    .profile_card_age{
        font-size: 1.1rem;
    }
    
    .profile_card_number{
        font-size: 1.1rem;
    }
    
    .profile_card_position{
        font-size: 1.1rem;
    }

    .kontakt_background{
        background-size: 500%;
    }
}