@charset "utf-8";
/* Global Styles */

/*
html {
	background: no-repeat top left fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	}
*/
/*---------------------------------------------*/
/* */
/*---------------------------------------------*/
.mainContent {
	/*display: block;*/
    -webkit-column-break-inside: avoid; /* Chrome, Safari */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid-column; /* CSS3, IE10+ */
    /* display: table; */
	
	float: center;
    width: 95%;
/*
    padding: 10px 10px 10px 50px;
	
	font-family: Capriola Regular;
	color: f3e5e5;
	font-size: 21px;
	font-weight: 500;
	line-height: 1.8;
	text-align: justify;
*/
	/* overflow-y: auto;*/
	}

/*---------------------------------------------*/
/* Cinema links                                */
/*---------------------------------------------*/
.externalResourcesNav .externalResources {
	/*background-color: rgba(208,207,207,1.00);*/
/*	display: block;*/
	display: inline-block;
	text-align: center;
	margin-top: 0px;
	padding-top: 1%;
	cursor: pointer;
	}

/*---------------------------------------------*/
/* Header                                      */
/*---------------------------------------------*/
header {
	text-align: center;
	display: block;
	}
header .logo {
	text-align: left;
	padding: 10px;
	}

/*---------------------------------------------*/
/* Cookie policy                               */
/*---------------------------------------------*/
/* Container holding the image and the text */


/*---------------------------------------------*/
/* Footer                                      */
/*---------------------------------------------*/
footer {
	padding-left: 5%;
	text-align: center;
	display: block;
	bottom: 0;
	height : 40px;
    margin-top : 40px;
    margin-bottom: 40px;
	font-family: sans-serif;
	}
footer .footerDisclaimer {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: 700;
	}
footer .footerDisclaimer span {
	color: #FFFFFF;
	font-weight: 400;
	}
footer .footerNote {
	font-family: sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #FFFFFF;
	font-weight: 700;
	}
footer .footerNote span {
	color: #FFFFFF;
	font-weight: 400;
	}

/*===============================================*/
/*---------------------------------------------*/
/* Keskmine video ja teksti osa                */
/*---------------------------------------------*/
.clearer {
    clear: both;
	}
/* Vasakpoolne tühi konteiner video vertikaalse asukoha reguleerimiseks */
.leftEmpty {
    float: left;
    width: 50%;
	}
/* Parempoolne konteiner Oglikute logo jaoks */
.rightOgglie {
    float: right;
    width: 50%;
	}
/* Vasakpoolne konteiner video konteineri jaoks */
.leftSide {
    float: left;
    padding-left: 5%;
    width: 45%;
	}
/* Parempoolne konteiner filmi tutvustuse konteineri jaoks */
.rightSide {
    float: right;
    width: 50%;
	}

/* Konteiner nii video kui ka teksti mõlema jaoks */
.characters {
	display: inline-flex;
	width: 95%;
	padding-top: 1%;
    position: absolute;
    justify-content: space-between;
    z-index: -1;
	}

/* Konteiner video pikkuse-laiuse proportsiooni säilitamiseks */
.leftVideo {
    position: relative;
    padding-bottom: 56.25%; /* 16:9 */
    padding-top: 25px; 
    height: 0;
	}
/* Konteiner youtube video enda jaoks */
.leftVideo iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border: 5px solid white;
	}

/*---------------------------------------------*/
/* Muudame kirja suurust vastavalt laiusele    */
/*---------------------------------------------*/
/*
	 320px 	— 480px: 	Mobile devices
	 481px 	— 768px: 	iPads, Tablets
	 769px 	— 1024px: 	Small screens, laptops
	1025px 	— 1200px: 	Desktops, large screens
	1201+px — 			Extra large screens, TV
-------------------------------------------------
8K UHD 		7680×4320
Ultra HD 5K 5120×2880
4K 			4096×2160
Ultra HD 	3840×2160
UWQHD+ 		3840×1600
UWQHD 		3440×1440
WQXGA 		2560×1600
WQHD 		2560×1440
UWUXGA 		2560×1080
WUXGA 		1920×1200
Full HD 	1920×1080
WSXGA+ 		1680×1050
UXGA 		1600×1200
HD+ 		1600×900
WSXGA 		1440×900	[*]
WXGA 		1366×768
SXGA 		1280×1024	[*]
XGA 		1024×768 	[*]
SVGA		800x600
VGA			640×480		[*]
			320x568
-------------------------------------------------
https://mediag.com/blog/popular-screen-resolutions-designing-for-all/
_________________________________________________
						Pixel Size 		Viewport
_________________________________________________
iPhone 8 				750 x 1334 		375 x 667
iPhone 5 				640 x 1136 		320 x 568
iPad Mini 				768 x 1024 		768 x 1024
Samsung Galaxy Note 5 	1440 x 2560 	480 x 853
Samsung Galaxy S7 		1440 x 2560 	360 x 640
Samsung Galaxy Tab 10 	800 x 1280 		800 x 1280
-------------------------------------------------
*/

/* Kirja suurus kui lehitseja ei saa laiusest aru */
.cookieBarText {
	font-size: 40px;
	font-family: sans-serif;
	}
/* Konteiner teksti enda jaoks */
.rightText {
	margin-left: 40px;
	padding: 20px 40px;
	background-color: rgba(10,27,42, 0.5);
	border-radius: 5px;
	}
.rightText p {
	font-family: Kanit, sans-serif;
/*	color: #005180;*/
	color: white;	
	font-size: 18px;
	font-weight: 500;
/*	line-height: 30px; */
	line-height: 1.8;
	text-align: justify;
/*	overflow-y: auto;*/
	}
.bigText {
		text-align: center;
		font-family: Kanit, sans-serif;
		color: #FECE20;
		text-shadow: 2px 2px rgba(6,25,40, 0.75);
		font-size: 30px;
		letter-spacing: 0.1em;
		padding-top: 5%;
	}

/* Suurus kuni 2048px                           */
@media all and (max-width : 2048px ){
	.cookieBarText {
		font-size: 18px;
		font-family: sans-serif;
		}
	/* Konteiner teksti enda jaoks */
	.rightText {
		margin-left: 40px;
		padding: 20px 40px;
		background-color: rgba(10,27,42, 0.5);
		border-radius: 5px;
		}
	.rightText p {
		font-family: Kanit, sans-serif;
	/*	color: #005180;*/
		color: white;
		font-size: 18px;
		font-weight: 500;
	/*	line-height: 30px; */
		line-height: 1.5;
		text-align: justify;
	/*	overflow-y: auto;*/
		}
	}

/* Suurus kuni 1280 px                         */
@media all and (max-width: 1280px) {
	.cookieBarText {
		font-size: 14px;
		font-family: sans-serif;
		}
	/* Konteiner teksti enda jaoks */
	.rightText {
		margin-left: 40px;
		padding: 20px 40px;
		}
	.rightText p {
    font-family: Kanit, sans-serif;
    /*color: #DFE6EA;*/
	color: white;
    font-size: 16px;
    font-weight: 500;
    /*	line-height: 30px; */
    line-height: 1.5;
    text-align: justify;
	/*	overflow-y: auto;*/
		}
	}

/* Suurus kuni 1024 px                         */
/* Siin tõmbame teksti video alla              */
@media all and (max-width: 1024px) {
	.cookieBarText {
		font-size: 14px;
		font-family: sans-serif;
		}
	/* Konteiner teksti enda jaoks */
	.rightText {
		margin-top: 5%;
		margin-left: 0;
		padding:10px 20px;
		}
	.rightText p {
		font-family: Kanit, sans-serif;
	/*	color: #005180;*/
		color: white;
		font-size: 14px;
		font-weight: 500;
	/*	line-height: 30px; */
		line-height: 1.5;
		text-align: justify;
	/*	overflow-y: auto;*/
		}
	.leftEmpty,
	.rightOgglie {
        float: none;
        width: auto;
		}
	
    .leftSide, 
    .rightSide {
    	padding-left: 5%;
        float: none;
        width: auto;
		}
	}

/* Suurus kuni 768 px                          */
/* Siin tõmbame teksti video alla              */
@media all and (max-width: 768px) {
	.characters {
	display: inline-flex;
	width: 95%;
	padding-top: 5%;
    position: absolute;
    justify-content: space-between;
    z-index: -1;
	}
	.cookieBarText {
		font-size: 12px;
		font-family: sans-serif;
		}
	/* Konteiner teksti enda jaoks */
	.rightText {
		margin-top: 10%;
		padding:10px 20px;
		}
	.rightText p {
		font-family: Kanit, sans-serif;
	/*	color: #DFE6EA;*/
		color: white;
		font-size: 14px;
		font-weight: 500;
	/*	line-height: 30px; */
		line-height: 1.5;
		text-align: justify;
	/*	overflow-y: auto;*/
		}
	.leftEmpty,
	.rightOgglie {
        float: none;
        width: auto;
		}
	
    .leftSide, 
    .rightSide {
        float: none;
        width: auto;
		}
	}

/*---------------------------------------------*/
/* Suurus kuni 480 px                          */
/* Siin tõmbame teksti video alla              */
/*---------------------------------------------*/
@media all and (max-width: 480px) {
	.externalResourcesNav {
	display: flex;
	flex-direction: column;
	}

	.bigText {
		padding-top: 2%;
	}
	.cookieBarText {
		font-size: 12px;
		font-family: sans-serif;
		font-weight: bold;
		}
	/* Konteiner teksti enda jaoks */
	.rightText {
		padding:10px 20px;
		}
	.rightText p {
		font-family: Kanit, sans-serif;
	/*	color: #DFE6EA;*/
		color: white;
		font-size: 14px;
		font-weight: 500;
	/*	line-height: 30px; */
		line-height: 1.5;
		text-align: justify;
	/*	overflow-y: auto;*/
		}
	.leftEmpty,
	.rightOgglie {
        float: none;
        width: auto;
		}
	
    .leftSide, 
    .rightSide {
        float: none;
        width: auto;
		}
	}

/*---------------------------------------------*/
/* Suurus kuni 360 px                          */
/* Siin tõmbame teksti video alla              */
/*---------------------------------------------*/
@media all and (max-width: 360px) {
	.bigText {
		padding-top: 0;
	}

	.characters {
		padding-top: 10%;
		}
	}
</style>