.introductionFrame,
.beginingFrame,
.fractionFrame,
.galleryFrame,
.tournamentFrame,
.fractionRON,
.fractionSWE,
.fractionDAN,
.fractionBRA,
.fractionIMP,
.fractionTUR,
.fractionTAT,
.fractionSIE,
.fractionKOZ,
.fractionMOS,
.fractionMIW {
    display: none;
    height: 46vw;
    overflow: scroll;
    scroll-behavior: smooth;
    overflow: auto;
    background-image: url(../../img/background-doc2.png);
    background-size: 76vw 48vw;
    background-repeat: no-repeat;
    padding-top: 2vw;
    padding-left: 2vw;
    padding-right: 3vw;
}

.frameParagraph.query{
    font-size: 1.2vw;
    color: #4f4644;
    margin-left: 2vw;
    margin-right: 2vw;  
    margin-top: 1vw;
    margin-bottom: 1vw;
    text-align: justify;
}

.frameParagraph.text{
    font-size: 1vw;
    color: #4f4644;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-top: 1vw;
    margin-bottom: 1vw;
    text-align: justify;
}

.frameParagraph.img{
    margin-left: 2vw;
}

.nationEmblemsDoc{
    margin: 2vw;
}
.nationEmblemDoc {
    margin-right: 8vw;
    margin-bottom: 5vw;
    width: 3vw;
    height: 3vw;
    float: left;
    text-align: center;
    cursor: pointer;
}
.nationEmblemPicDoc {
    width: 3vw;
    height: 3vw;
    margin-left: 3vw;
    text-align: center;
    border-radius: 2vw;
    border: solid 0.2vw #4f4644;
    box-shadow: 0 0 0.5vw #4f4644;
    cursor: pointer;
    background-color: #4f4644;
    background-position: -1vw -1vw;
}
.nationEmblemNameDoc{
    font-size: 0.9vw;
    color: rgba(248, 246, 240);
    width: 8vw;
    border-radius: 0.5vw;
    border: solid 0.2vw #4f4644;
    background-image: url(../../img/button-nation-hover.png);
    right: -2.95vw;
    margin-top: 0.3vw;
    padding-top: 0.2vw;
    padding-bottom: 0.2vw;
    padding-left: 0.4vw;
    padding-right: 0.4vw;
    height: 2vw;
}
.nationEmblemPicDoc:hover {
    background-image: url(../../img/button-nation-hover.png);
    border: solid 0.2vw #4f4644;
    box-shadow: 0 0 2.5vw #4f4644;
}

.buttonBackDoc {
	justify-self: right;
	text-align: center;
	margin-right: 20px;
}
.navButtonDoc {
    margin-left: 2vw;
    margin-top: 1vw;
	width: 80px;
	height: 13px;
	border: 2px solid #986F12;
	border-radius: 6px;
	padding: 6px;
	font-size: 110%;
	cursor: pointer;
	background-image: url("../../img/button.png");
	background-repeat: no-repeat;	
	background-position: center center;
	background-size: auto;
	color: #ffffff;
}
.navButtonDoc:hover {
    background: #986F12;
    border-radius: 6px;
    color: #FFFFFF;
}


.tournamentTitle{
    text-align: center;
    font-size: 1.7vw;
}
.tournamentLocation,
.tournamentRank,
.tournamentCapacity,
.tournamentCost,
.tournamentDate,
.tournamentLink {
    font-size: 1vw;
    color: #4f4644;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    text-align: justify;
}
.tournamentDescription{
    font-size: 1vw;
    color: #4f4644;
    margin-left: 2vw;
    margin-right: 2vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    text-align: justify;
    text-indent:40px;
}
.tournamentPageNavigator{
    border-top: solid 0.1vw #4f4644;
    margin-top: 5vw;
}
.tournamentPageLink{
    width: 3vw;
    display: inline-grid;
    font-size: 1vw;
    margin-top: 0.5vw;
    margin-bottom: 0.5vw;
    text-align: center;
}
.tournamentPageLink:hover{
    border-bottom: solid 0.2vw #4f4644;
}
.tournamentPageLink.active{
    border-bottom: solid 0.2vw #4f4644;
}
.tournamentFooter{
    max-width: 100%;
    height: 3vw;
    width: 20vw;
    display: block;
    margin: auto;
    margin-bottom: 2vw;;
}
.tournamentId{
    font-size: 0.8vw;
    color: #4f4644;
}