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

 	
	@font-face {
		
		font-family:"outward block";
		src: url("../../fonts/outward-block-webfont.woff2") format('woff2'),
			 url("../../fonts/outward-block-webfont.woff") format('woff'),
			 url("../../fonts/outward-block.ttf") format('ttf');
		font-weight: normal;
		font-style: normal;

	}

	@font-face {
		
		font-family:"outward block";
		src: url("../fonts/outward-block-webfont.woff2") format('woff2'),
			 url("../fonts/outward-block-webfont	.woff") format('woff'),
			 url("../fonts/outward-block.ttf") format('ttf');
		font-weight: normal;
		font-style: normal;
	
	}	






/*low resolution media query for mobile phones, 1px and above*/

@media screen and (min-width: 1px) {
	
	#bar_top {
	
		background-color: rgb(226,31,38);
		z-index: 999999999999999999999999999;
		height: 10px;
		width: 100%;
		position: fixed;
		display: block;
		margin-top: 0px;
		  
	}
	
	#bar_right {
		
		background-color: rgb(226,31,38);
		height: 25700px;
		width: 10px;
		display: none;
		margin-top: 0px;
		position: relative;
		float: right;
		margin-right: -10.1px;
		z-index: 999999999999999999999999999;
		  
	}
	
	body {	
		
		background: rgb(226,31,38);
		padding-bottom: 0px;
		height: 100%px;

	}
	
	#grad {
		
		display: none;
	}
	
	h1.style2 {
		
		display: none;
		color: yellow;
		margin-top: 70px;
		z-index: -1;
		font-size: 82vw;
		text-align: center;
		margin: 0px;
		padding-top: 135px;
		padding-bottom: 50px;
		margin-left: 1.2%
		
	}
	
	#footer_logo {
	
		font-family: "outward block";
	    letter-spacing: .006em;
	    color: red;
	    font-size: 20vw;
	    font-weight: 100;
	    text-align: center;
	    padding-top: 70px;
	    margin-top: 0;
	    margin-bottom: 50px;
	    margin: auto;
	    text-align: center;
	
	}
	
	#home {
	    
	    margin-left: 2.5%;
	    
	}
	
	#arrow {
		
	    display: none;
		font-size: 30px;
    	line-height: 1.2;
		
	}
	
	.arrow_hover {
		
        display: none;
        width: 32%;
        margin-bottom: -1px;
        margin-left: -10px;
		
	}
	
	.arrow_hover:hover {
		
		display: none; 
		width: 32%;
         margin-bottom: -1px;
         margin-left: -10px;
	     content: url("../../images/Portfolio/Home page/millantv-return-to-top-arrow-hover.png");
		
	}	
		
	#millantv_navbar_red {
	
		display: none;
		position: relative;
		width: 63px;
		float: right;
		margin-right: -113px;
		margin-top: 10px;
		float: right;

	}

	#TEN81_title_navbar {

		display: none;

	}
	
	/* The navigation bar */

	.navbar {
		
    	z-index: 3;
        overflow: hidden;
        background-color: white;
        border-top: solid;
        color: rgb(226,31,38);
        position: fixed;
        top: 0;
        width: 94%;
        font-family: "outward block";
        font-size: 50px;
        letter-spacing: .02em;
        margin: auto;
        padding-left: 0px;
        margin: 0px 0px 0px 0px;
        margin-top: 0px;
        border-top-width: 8px;
        margin-left: 0px;
        padding-bottom: 7px;

	}

	/* Links inside the navbar */
	
	.navbar a {
		
	    letter-spacing: .03em;
        float: left;
        display: block;
        color: red;
        margin: auto;
        margin: 10px 0px 0px 0px;
        word-spacing: 0.03em;
        text-decoration: none;
        margin-left: 24px;
        margin-right: -16px;
	
	}

	/* Change background on mouse-over */
	
	.navbar a:hover {
		
    	background-color: white;
	    color: black;
	
	}

	/* Main content */
	
	.main {
	  
		margin-top: 30px; /* Add a top margin to avoid content overlay */
	
	}

	#master {		
		
		width: 100%; 
		height: 100%;
		margin: 0 auto; 
		background: rgb(226,31,38);	
		
	}
	
	h1 {
	
		font-family: "outward block";
		letter-spacing: .006em;
		color: red;
		font-size: 45vw;
		font-weight: 100;
		margin-left: 2.5%;
		padding-top: 70px;
		margin-top: 0;
		margin-bottom: 50px;

	}
		
	.font1 {	
		
		font-family: Cambria, "Hoefler Text";

	}
	
	p {	
			
		font-family: "tenso", sans-serif;
		font-weight: 350;
		font-style: normal;
		max-width: 892px;
		font-size: 18px;
		letter-spacing: .05em;
		word-spacing: 0.5px;
		line-height: 1.8;
		color: black;
		margin-left: -3%;
		margin-top: 60px;
		margin-bottom: 60px;
		padding-top: 0;
		transform: scale(.8,1);

	}
	
	.cascade_full_width {	
		
		display: block;
		width: 96%;
		padding-bottom: 8px;
		margin: auto;

	}
	
	#white_background {
		
		z-index: -99px;
		overflow: absolute;
		width: 100%;
		background-color: white;
		margin: auto;
		margin-top: 0px;
		position: relative;
		padding-bottom: 150px;
			
		/*To create the bevelled edge on the white rectangle
		
		The main idea is to have 4 gradients that each occupy a quarter of the element's area (one for the bottom left, one for the bottom, on of the top right and one for the top left). Then you set the background to 4 linear gradients with the same color stops (in this case we wanted the corner size to be 10px*, so it was transparent until 10px and then the color we want from 10px) except the corners that are 45deg, 135deg, 225deg and 315deg respectively.

		*Actually not exactly 10px, it's the length of the hypotenuse of an isosceles right-angled triangle, which is around 14px*/	
		
		background: #c00; /* fallback */
		background:
			
			linear-gradient(130deg, transparent 25px, white 0) top left,
			linear-gradient(225deg, transparent 0px, white 0) top right,
			linear-gradient(315deg, transparent 0px, white 0) bottom right,
			linear-gradient(45deg,  transparent 00px, white 0) bottom left;
		
		background-size: 60% 60%;
		background-repeat: no-repeat;
			
		border-radius: 0px 0px 25px 25px;
	
	}

}







/*low resolution media query for mobile devices, 350px and above*/

@media screen and (min-width: 350px) {
	
	#bar_top {
	    
		background-color: rgb(226,31,38);
		z-index: 999999999999999999999999999;
		height: 10px;
		width: 100%;
		position: fixed;
		display: block;
		margin-top: 0px;
		  
	}
	
	#bar_right {
		
		background-color: rgb(226,31,38);
		height: 25700px;
		width: 10px;
		display: none;
		margin-top: 0px;
		position: relative;
		float: right;
		margin-right: -10.1px;
		z-index: 999999999999999999999999999;
		  
	}
	
	body {	
		
		background: rgb(226,31,38);
		padding-bottom: 0px;
		height: 100%px;

	}
	
	#grad {
		
		display: none;
	}
	
	h1.style2 {
		
		display: none;
		color: yellow;
		margin-top: 70px;
		z-index: -1;
		font-size: 82vw;
		text-align: center;
		margin: 0px;
		padding-top: 135px;
		padding-bottom: 50px;
		margin-left: 1.2%
		
	}
	
	#footer_logo {
	
		font-family: "outward block";
	    letter-spacing: .006em;
	    color: red;
	    font-size: 20vw;
	    font-weight: 100;
	    text-align: center;
	    padding-top: 70px;
	    margin-top: 0;
	    margin-bottom: 50px;
	    margin: auto;
	    text-align: center;
	
	}
	
	#home {
	    
	    margin-left: 2.5%;
	    
	}
	
	#arrow {
		
	    display: none;
		font-size: 30px;
    	line-height: 1.2;
		
	}
	
	.arrow_hover {
		
        display: inline;
        width: 32%;
        margin-bottom: -1px;
        margin-left: -10px;
		
	}
	
	.arrow_hover:hover {
		
		display: inline;  
		width: 32%;
        margin-bottom: -1px;
        margin-left: -10px;
	    content: url("../../images/Portfolio/Home page/millantv-return-to-top-arrow-hover.png");
		
	}	
	
	#millantv_navbar_red {

		display: none;
		position: relative;
		width: 63px;
		float: right;
		margin-right: -113px;
		margin-top: 10px;
		float: right;

	}

	#TEN81_title_navbar {

		display: none;

	}
	
	/* The navigation bar */

	.navbar {
		
    	z-index: 3;
        overflow: hidden;
        background-color: white;
        border-top: solid;
        color: rgb(226,31,38);
        position: fixed;
        top: 0;
        width: 95.39%;
        font-family: "outward block";
        font-size: 50px;
        letter-spacing: .02em;
        margin: auto;
        padding-left: 0px;
        margin: 0px 0px 0px 0px;
        margin-top: 0px;
        border-top-width: 8px;
        margin-left: 0px;
        padding-bottom: 7px;

	}

	/* Links inside the navbar */
	
	.navbar a {
		
	    letter-spacing: .03em;
        float: left;
        display: block;
        color: red;
        margin: auto;
        margin: 10px 0px 0px 0px;
        word-spacing: 0.03em;
        text-decoration: none;
        margin-left: 24px;
        margin-right: -16px;
	
	}

	/* Change background on mouse-over */
	
	.navbar a:hover {
		
    	background-color: white;
	    color: black;
	
	}

	/* Main content */
	
	.main {
	  
		margin-top: 30px; /* Add a top margin to avoid content overlay */
	
	}

	#master {		
		
		width: 100%; 
		height: 100%;
		margin: 0 auto; 
		background: rgb(226,31,38);	
		
	}
	
	h1 {
	
		font-family: "outward block";
		letter-spacing: .006em;
		color: red;
		font-size: 45vw;
		font-weight: 100;
		margin-left: 2.5%;
		padding-top: 70px;
		margin-top: 0;
		margin-bottom: 50px;
		
	}
		
	.font1 {
		
		
		font-family: Cambria, "Hoefler Text";
	}
	
	p {
					
		font-family: "tenso", sans-serif;
		font-weight: 350;
		font-style: normal;
		max-width: 892px;
		font-size: 18px;
		letter-spacing: .05em;
		word-spacing: 0.5px;
		line-height: 1.8;
		color: black;
		margin-left: -3%;
		margin-top: 60px;
		margin-bottom: 60px;
		padding-top: 0;
		transform: scale(.8,1);

	}
	
	.cascade_full_width {
			
		display: block;
		width: 96%;
		padding-bottom: 8px;
		margin: auto;
	}
	
	#white_background {
		
		z-index: -99px;
		overflow: absolute;
		width: 100%;
		background-color: white;
		margin: auto;
		margin-top: 0px;
		position: relative;
		padding-bottom: 150px;
			
		/*To create the bevelled edge on the white rectangle
		
		The main idea is to have 4 gradients that each occupy a quarter of the element's area (one for the bottom left, one for the bottom, on of the top right and one for the top left). Then you set the background to 4 linear gradients with the same color stops (in this case we wanted the corner size to be 10px*, so it was transparent until 10px and then the color we want from 10px) except the corners that are 45deg, 135deg, 225deg and 315deg respectively.

		*Actually not exactly 10px, it's the length of the hypotenuse of an isosceles right-angled triangle, which is around 14px*/	
		
		background: #c00; /* fallback */
		background:
			
			linear-gradient(130deg, transparent 25px, white 0) top left,
			linear-gradient(225deg, transparent 0px, white 0) top right,
			linear-gradient(315deg, transparent 0px, white 0) bottom right,
			linear-gradient(45deg,  transparent 00px, white 0) bottom left;
		
		background-size: 60% 60%;
		background-repeat: no-repeat;	
		
		border-radius: 0px 0px 25px 25px;

	}

}











/*low resolution media query for mobile devices, 423px and above*/

@media screen and (min-width: 423px) {
	
	#bar_top {
	    
        background-color: rgb(226,31,38);
        z-index: 999999999999999999999999999;
        height: 10px;
        width: 100%;
        position: fixed;
        display: block;
        margin-top: 0px;
          
    }
    
    #bar_right {
	    
        background-color: rgb(226,31,38);
        height: 25700px;
        width: 10px;
        display: none;
        margin-top: 0px;
        position: relative;
        float: right;
        margin-right: -10.1px;
        z-index: 999999999999999999999999999;
          
    }
	
	body {	
		
		background: rgb(226,31,38);
		padding-bottom: 0px;
		height: 100%px;

	}
	
	#grad {
		
		display: none;
	}
	
	h1.style2 {
		
		display: none;
		color: yellow;
		margin-top: 70px;
		z-index: -1;
		font-size: 82vw;
		text-align: center;
		margin: 0px;
		padding-top: 135px;
		padding-bottom: 50px;
		margin-left: 1.2%
		
	}
	
	#footer_logo {
	
		font-family: "outward block";
	    letter-spacing: .006em;
	    color: red;
	    font-size: 20vw;
	    font-weight: 100;
	    text-align: center;
	    padding-top: 70px;
	    margin-top: 0;
	    margin-bottom: 50px;
	    margin: auto;
	    text-align: center;
	
	}
	
	#home {
	    
	    margin-left: 2.3%;
	    
	}
	
	#arrow {
		
	    display: none;
		font-size: 30px;
    	line-height: 1.2;
		
	}
	
	.arrow_hover {
		
        display: inline;
        width: 32%;
        margin-bottom: -1px;
        margin-left: -10px;
		
	}
	
	.arrow_hover:hover {
		
		display: inline;  
		width: 32%;
        margin-bottom: -1px;
        margin-left: -10px;
	    content: url("../../images/Portfolio/Home page/millantv-return-to-top-arrow-hover.png");
		
	}	
	
	#millantv_navbar_red {

		display: none;
        position: relative;
        width: 116px;
        margin-top: 19px;
        float: right;
        margin-left: 0;
        margin-right: 0;

	}

	#TEN81_title_navbar {

		display: inline;
        position: relative;
        width: 67px;
        margin-top: 13px;
        float: right;
        margin-left: 0;
        margin-right: 1.9px;

	}
	
	/* The navigation bar */
	
	.navbar {
		
    	z-index: 3;
        overflow: hidden;
        background-color: white;
        border-top: solid;
        color: rgb(226,31,38);
        position: fixed;
        top: 0;
        width: 95.39%;
        font-family: "outward block";
        font-size: 50px;
        letter-spacing: .02em;
        margin: auto;
        padding-left: 0px;
        margin: 0px 0px 0px 0px;
        margin-top: 0px;
        border-top-width: 8px;
        margin-left: 0px;
        padding-bottom: 7px;

	}

	/* Links inside the navbar */
	
	.navbar a {
		
	    letter-spacing: .03em;
        float: left;
        display: block;
        color: red;
        margin: auto;
        margin: 10px 0px 0px 0px;
        word-spacing: 0.03em;
        text-decoration: none;
        margin-left: 24px;
        margin-right: -16px;
	
	}

	/* Change background on mouse-over */
	
	.navbar a:hover {
		
    	background-color: white;
	    color: black;
	
	}

	/* Main content */
	
	.main {
	  
		margin-top: 30px; /* Add a top margin to avoid content overlay */
	
	}

	#master {		
		
		width: 100%; 
		height: 100%;
		margin: 0 auto; 
		background: rgb(226,31,38);	
		
	}
	
	h1 {
	
		font-family: "outward block";
		letter-spacing: .006em;
		color: red;
		font-size: 45vw;
		font-weight: 100;
		margin-left: 2.3%;
		padding-top: 70px;
		margin-top: 0;
		margin-bottom: 50px;
		
	}
		
	.font1 {	
		
		font-family: Cambria, "Hoefler Text";
	
	}
	
	p {
					
		font-family: "tenso", sans-serif;
		font-weight: 350;
		font-style: normal;
		max-width: 892px;
		font-size: 18px;
		letter-spacing: .05em;
		word-spacing: 0.5px;
		line-height: 1.8;
		color: black;
		margin-left: -3%;
		margin-top: 60px;
		margin-bottom: 60px;
		padding-top: 0;
		transform: scale(.8,1);

	}
	
	.cascade_full_width {	
		
		display: block;
		width: 96%;
		padding-bottom: 8px;
		margin: auto;
	}
	
	#white_background {
		
		z-index: -99px;
		overflow: absolute;
		width: 100%;
		background-color: white;
		margin: auto;
		margin-top: 0px;
		position: relative;
		padding-bottom: 150px;
			
		/*To create the bevelled edge on the white rectangle
		
		The main idea is to have 4 gradients that each occupy a quarter of the element's area (one for the bottom left, one for the bottom, on of the top right and one for the top left). Then you set the background to 4 linear gradients with the same color stops (in this case we wanted the corner size to be 10px*, so it was transparent until 10px and then the color we want from 10px) except the corners that are 45deg, 135deg, 225deg and 315deg respectively.

		*Actually not exactly 10px, it's the length of the hypotenuse of an isosceles right-angled triangle, which is around 14px*/	
		
		background: #c00; /* fallback */
		background:
			
			linear-gradient(130deg, transparent 25px, white 0) top left,
			linear-gradient(225deg, transparent 0px, white 0) top right,
			linear-gradient(315deg, transparent 0px, white 0) bottom right,
			linear-gradient(45deg,  transparent 00px, white 0) bottom left;
		
		background-size: 60% 60%;
		background-repeat: no-repeat;
			
		border-radius: 0px 0px 25px 25px;
	
	}

}

















/*mini-medium resolution media query for tablets, 601px and above*/

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

		max-height: 100%;
        overflow: auto;
		
	}
    
	body {	
		
        background: rgb(226, 31, 38);
        padding-bottom: 0px;
        height: 100%;
        display: block;
        overflow: auto;
		
	}
	
	#grad {
	    
	    display: none;
	    
	}
	
	#bar_right {
	    
		background-color: rgb(226, 31, 38);
        height: 79350px;
        width: 10px;
        display: contents;
        overflow: visible;
        margin-top: 0px;
        position: fixed;
        float: right;
        padding-right: -500px;
        z-index: 999999999999999999999999999;
          
    }
	
	#bar_top {
	    
		display: block;
        position: fixed;
        width: 9999999px;
        height: 10px;
        top: -1px;
        z-index: 9999999999;
        margin-right: 500px;
        margin: auto;
        background-color: rgb(226, 31, 38);
	    
	}

	h1.style2 {
		
		display: none;
		color: yellow;
		margin-top: 70px;
		font-size: 82vw;
		text-align: center;
		margin: 0px;
		padding-top: 180px;
		padding-bottom: 50px;
		margin-left: 1.2%
		
	}
	
	#home {
	    
	    margin-left:15px;
	    
	}
	
	#arrow {
		
		font-size: 50px;
    	line-height: 1.1;
		
	}
	
	.arrow_hover {
		
    	display: inline;
        width: 74%;
        margin-bottom: -1px;
        margin-left: -45px;
		
	}
	
	.arrow_hover:hover {
		
		display: inline;  
		width: 74%;
        margin-bottom: -1px;
        margin-left: -45px;
	    content: url("../../images/Portfolio/Home page/millantv-return-to-top-arrow-hover.png");
		
	}
	
	#millantv_navbar_red {

		display: inline;
        width: 82px;
        margin-right: -167px;
        margin-top: 16.87px;
        float: right;

	}

	#millantv_navbar_red:hover {

		display: inline;
        width: 82px;
        margin-right: -167px;
        margin-top: 16.87px;
        float: right;
		content: url("../../images/millantv-logo-navbar-hover-black.svg");

	}

	#TEN81_title_navbar {

        display: inline;
        position: relative;
        width: 75px;
        margin-top: 16.2px;
        float: right;
        margin-left: 0;
        margin-right: 102px;

	}

	/* The navigation bar */

	.navbar {
		
    	z-index: 1;
        overflow: hidden;
        background-color: white;
        border-top: solid;
        color: rgb(226,31,38);
        position: fixed;
        top: 0;
        width: 97.3%;
        font-family: "outward block";
        font-size: 60px;
        letter-spacing: .02em;
        padding-left: 0px;
        margin: 0px 0px 0px 0px;
        margin-top: 0px;
        border-top-width: 8px;
        margin-left: 0px;
        padding-bottom: 5px;

	}

	/* Links inside the navbar */
	
	.navbar a {
		  
		font-family: "outward block";
        font-size: 60px;
        letter-spacing: .03em;
		float: left;
		display: block;
		color: red;
		text-align: center;
		margin: 10px 0px 0px 0px;
		word-spacing: .03em;
		text-decoration: none;
		margin-left: 31px;
        margin-right: -16px;
	
	}

	/* Change background on mouse-over */
	
	.navbar a:hover {
		
		  background-color: white;
		  color: black;
	
	}

	/* Main content */

	.main {
	  
			margin-top: 30px; /* Add a top margin to avoid content overlay */
	
	}
		
	#master {		
		
		overflow: auto;
		width: 100%; 
		margin: 0 auto; 
		/*border: dotted thin cyan;*/
		background: rgb(226,31,38);	
		margin-top: 8px;
		margin-bottom: 0px;
		padding-bottom: 8px;
		border-radius: 0px 0px 38px 38px;
		
	}
	
	h1 {

		font-family: "outward block";
		letter-spacing: .006em;
		color: red;
		font-size: 240px;
		font-weight: 100;
		margin-left: 15px;
		padding-top: 70px;
		margin-top: 0;
		margin-bottom: 0px;

	}
		
	.font1 {	
		
		font-family: Cambria, "Hoefler Text";
	
	}
	
	p {
	
		font-family: "tenso", sans-serif;
		font-weight: 350;
		font-style: normal;
		max-width: 892px;
		float:left;
		font-size: 18px;
		letter-spacing: .05em;
		word-spacing: .5px;
		line-height: 1.8;
		color: black;
		margin-left: 9.7px;
		margin-top: 60px;
		margin-bottom: 60px;
		padding-top: 0;
		transform: scale(.8,1);
			
	}
	
	.body_copy {
		
		margin-left:-5%;
		max-width: 180%;
		
	}
	
	.cascade_full_width {
		
		display: block;
		width: 96%;
		padding-bottom: 8px;
		margin: auto;
	}
	
	#white_background {
		
		z-index: -99px;
		overflow: absolute;
		width: 100%;
		background-color: white;
		margin: auto;
		margin-top: 0px;
		position: relative;
		padding-bottom: 150px;
			
		/*To create the bevelled edge on the white rectangle
		
		The main idea is to have 4 gradients that each occupy a quarter of the element's area (one for the bottom left, one for the bottom, on of the top right and one for the top left). Then you set the background to 4 linear gradients with the same color stops (in this case we wanted the corner size to be 10px*, so it was transparent until 10px and then the color we want from 10px) except the corners that are 45deg, 135deg, 225deg and 315deg respectively.

		*Actually not exactly 10px, it's the length of the hypotenuse of an isosceles right-angled triangle, which is around 14px*/	
		
		background: #c00; /* fallback */
		background:
			
			linear-gradient(130deg, transparent 25px, white 0) top left,
			linear-gradient(225deg, transparent 0px, white 0) top right,
			linear-gradient(315deg, transparent 0px, white 0) bottom right,
			linear-gradient(45deg,  transparent 00px, white 0) bottom left;
		
		background-size: 60% 60%;
		background-repeat: no-repeat;
				
		border-radius: 0px 0px 30px 30px;
	
	}
	
}





	
/*high resolution media query for desktop computers, 1024px and above*/

@media only screen and (min-width: 1024px) {
	
	#hide {
		
		display: block;
		
	}
	
	#bar_top {
	    
	    background-color: white;
        z-index: 999999999999999999999999999;
        height: 10px;
        width: 9999999999px;
        position: fixed;
        display: block;
        margin-top: 0px;
        text-align: -webkit-center;
      
    }

    #bar_right {
	    
        background-color: rgb(226, 31, 38);
        height: 25700px;
        width: 10px;
        display: none;
        margin-top: 0px;
        position: relative;
        float: right;
        margin-right: -10.1px;
        z-index: 999999999999999999999999999;
          
    }
	
	body {	
		
		background: white;
		padding-bottom: 150px;
		height: 100%;
		
	}
	
	#grad {
		
		display: none;
		z-index: 0;
		position: fixed;
		margin-top: -50px;
		width: 3000px;
		margin-left: -800px;
		height:270px;
		background: rgb(226,31,38); /* For browsers that do not support gradients */ /* FF3.6-15 */
		background: -webkit-linear-gradient(rgb(226,31,38) 50%, rgba(255,255,255,0) 100%);
		background: -o-linear-gradient(rgb(226,31,38) 10%, rgb5(255,255,255,0) 100%);
		background: linear-gradient(rgb(226,31,38)) 10%, rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 );
		
	}
	
	h1.style2 {
		
		display: none;
		color: yellow;
		margin-top: 70px;
		float: right;
		font-size: 500px;
		text-align: center;
		margin-right: 24px;
		padding-top: 130px;
		padding-bottom: 50px;
		
	}
	
	#home {
	    
	    margin-left:32px;
	    
	}
	
	.arrow_hover {
		
    	display: inline;
        width: 74%;
        margin-bottom: -1px;
        margin-left: -45px;
		
	}
	
	.arrow_hover:hover {
		
		display: inline; 
		width: 74%;
        margin-bottom: -1px;
        margin-left: -45px;
	    content: url("../../images/Portfolio/Home page/millantv-return-to-top-arrow-hover.png");
		
	}
	
	#millantv_navbar_red {

		display: inline;
        width: 82px;
        margin-right: -167px;
        margin-top: 16.87px;
        float: right;

	}

	#millantv_navbar_red:hover {

		display: inline;
        width: 82px;
        margin-right: -167px;
        margin-top: 16.87px;
        float: right;
		content: url("../../images/millantv-logo-navbar-hover-black.svg");
		
	}

    #TEN81_title_navbar {

		display: inline;
        position: relative;
        width: 75px;
        margin-top: 16.2px;
        float: right;
        margin-left: 0;
        margin-right: 125px;

    }
	
	/* The navigation bar */

	.navbar {
			
		z-index: 1;
		overflow: hidden;
		background-color: white;
		border-top: solid;
		color: rgb(226,31,38);
		position: fixed; /* Set the navbar to fixed position */
		top: 0; /* Position the navbar at the top of the page */
		width: 958px;; /* Full width */
		font-family: "outward block";
		font-size: 60px;
		letter-spacing: .02em;
		padding-left: 0px;
		margin: 0px 0px 0px 0px;
		margin-top: 8px;
		border-top-width: 9px;
        margin-left: 8.5px;		
        padding-bottom: 5px;

	}

	/* Links inside the navbar */
	
	.navbar a {
		 
		font-family: "outward block";
    	font-size: 60px;
    	letter-spacing: .03em;
		float: left;
		display: block;
		color: red;
		text-align: center;
		margin: 10px 0px 0px 0px;
		word-spacing: .03em;
		text-decoration: none;
		margin-left: 31px;
        margin-right: -16px;
	
	}

	/* Change background on mouse-over */
	
	.navbar a:hover {
		
		  background-color: white;
		  color: black;
	
	}

	/* Main content */
	
	.main {
	  
			margin-top: 30px; /* Add a top margin to avoid content overlay */
	
	}
    
	#master {		
		
		overflow: auto;
		width: 975px; 
		margin: 0 auto; 
		/*border: dotted thin cyan;*/
		background: rgb(226,31,38);	
		margin-top: 8px;
		margin-bottom: 0px;
		padding-bottom: 10px;
		border-radius: 0px 0px 38px 38px;
		
	}

	h1 {
			font-family: "outward block";
			letter-spacing: .006em;
			color: red;
			font-size: 240px;
			font-weight: 100;
			margin-left: 32px;
			padding-top: 70px;
			margin-top: 10px;
			margin-bottom: 0px;
		
	}
		
	.font1 {
		
		font-family: Cambria, "Hoefler Text";

	}
	
	p {
					
		font-family: "tenso", sans-serif;
		font-weight: 350;
		font-style: normal;
		width: 892px;
		font-size: 18px;
		letter-spacing: .05em;
		word-spacing: .5px;
		line-height: 1.8;
		color: black;
		margin-left: -55px;
		margin-top: 60px;
		margin-bottom: 60px;
		padding-top: 0;
		transform: scale(.8,1);
			
	}
	
	.body_copy {
				
		font-family: "tenso", sans-serif;
		font-weight: 350;
		font-style: normal;
		width: 1092px;
		font-size: 18px;
		letter-spacing: .05em;
		word-spacing: .5px;
		line-height: 1.8;
		color: black;
		margin-left: -77px;
		margin-top: 60px;
		margin-bottom: 60px;
		padding-top: 0;
		transform: scale(.8,1);
			
	}
	
	.cascade_full_width {
		
		display: block;
		width: 892px;
		position: inherit;
		margin: auto;
		float: inherit;
		margin-bottom: 8px;
		margin-top: 0px;
		padding: 0px;
		
	}
	
	#white_background {
		
		z-index: -99px;
		overflow: hidden;	
		width: 958px;
		padding-bottom: 150px;
		background-color: white;
		margin: auto;
		margin-top: 0;
		position: relative;
			
		/*To create the bevelled edge on the white rectangle
		
		The main idea is to have 4 gradients that each occupy a quarter of the element's area (one for the bottom left, one for the bottom, on of the top right and one for the top left). Then you set the background to 4 linear gradients with the same color stops (in this case we wanted the corner size to be 10px*, so it was transparent until 10px and then the color we want from 10px) except the corners that are 45deg, 135deg, 225deg and 315deg respectively.

		*Actually not exactly 10px, it's the length of the hypotenuse of an isosceles right-angled triangle, which is around 14px*/		
		
		background: #c00; /* fallback */
		background:
			
			linear-gradient(130deg, transparent 25px, white 0) top left,
			linear-gradient(225deg, transparent 0px, white 0) top right,
			linear-gradient(315deg, transparent 0px, white 0) bottom right,
			linear-gradient(45deg,  transparent 00px, white 0) bottom left;
		
		background-size: 60% 60%;
		background-repeat: no-repeat;
			
		border-radius: 0px 0px 30px 30px;
	
	}
		
}