@charset "utf-8";
/* CSS Document */

html {
	background: #000000;
	color: #b4ced1;
	margin: 0 auto;
	font-family: 'Montserrat', sans-serif;
	font-size: 1.4vw;
	
}

/* Basic formatting */

#container{
	position: relative;
	width:100%;
}

.bolderator {font-weight: 900;
              color: #d5b0d6;
	       line-height: 2.2vw;
}

.quoterator{
	
	font-style: italic;
}
 
.secodary-emphasis
{
	color:#adacd9
}

/* Mobile Vertical Structure */
@media only screen and (max-width: 959px) {

html{font-size:1.6vw;}
	


#screen-on-the-green {
	position: absolute;
	top: 0;
	left: 4%;
	margin: 66% 0 0 0;
	width: 92%;
	z-index: 3;
}

#screen-on-the-green video {
	width: 100%;
	height: auto;
	}
	
logo-show {
	position: absolute;
	left:4%;
	margin: 4% 0 0 0;
	width:92%;
	z-index: 2;
}

#logo-show img {
	width: 100%;
	height: auto;
}

	
#sub-container-left{
	position: absolute;
	z-index: 4;
	left:4%;
	margin: 80% 0 0 0;
	width: 66%;
	}
	
   #sub-container-left h5 {
	margin: 0;
	padding: 0 0 1% 0;
	}
}

#sub-container-right{
	position: absolute;
	z-index: 4;
	right:4%;
	margin: 80% 0 0 0;
	width: 20%;
	}
/* Horizontal Desktop Structure: */

@media only screen and (min-width: 960px) {


#screen-on-the-green{
	position: absolute;
    top: 0;
	right: 4%;
	margin: 4% 0 0 0;
	width: 46%;
	z-index: 3;
}
	
#screen-on-the-green video {
	width: 100%;
	height: auto;
}


#logo-show{
	position: absolute;
	left:4%;
	margin: 4% 0 0 0;
	width:46%;
	z-index: 2;
}

#logo-show img {
	width: 100%;
	height: auto;
}


#sub-container-left{
	position: absolute;
	z-index: 4;
	left:4%;
	margin: 36% 0 0 0;
	width: 66%;
	}
	
   #sub-container-left h5 {
	margin: 0;
	padding: 0 0 1% 0;
	}
#sub-container-right{
	position: absolute;
	z-index: 4;
	right:4%;
	margin: 36% 0 0 0;
	width: 20%;
	}
		

	}




.jeremy-corbyn{
	width: 80%;
	float: left;
}

.nigel-farage{
	width: 20%;
	float:right;
}

.divider{
	background:#271e1f;
	color:#ffffff;
	opacity: 0.7;
	padding: 0.2% 0 0.2% 0.6%;
	
}

.clearer {
	clear: both;
}