body {
    display: block;
    margin: 8px;
}

@media only screen and (min-width: 280px) {
	.section{
		height: 240px;
		background-size: cover;	
	}
	.right-box{
		position: relative;
		top: 10%;
		left: 30%;
		font-size: 4vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 70%;
		width: 60%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.left-box{
		position: relative;
		top: 10%;
		left: 5%;
		font-size: 4vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 70%;
		width: 60%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.title-box{
		font-size: 5vw;
	}
	.small-text{
		font-size: 3vw;
		font-family: Arial, Helvetica, sans-serif;
	}
	.titlebox{
		font-size: 5vw !important;
		margin: 0px 0px 10px 0px !important;	
	}	
	.company{
		font-size: 7vw !important;
		margin: 0px 0px 10px 0px !important;	
	}
	.videostudio{
		display: none;
	}
	.videostudiosmall{
		display: block;
		width: 80%;
		margin-left: auto;
		margin-right: auto;
	}
	.sectionvideo{
		display: block;
		width: 100%;
		color: black;
		background-color: black;
	}	
}

@media only screen and (min-width: 360px) {
	.section{
		height: 360px;	
		background-size: cover;	
	}
	.right-box{
		position: relative;
		top: 5%;
		left: 25%;
		font-size: 4vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 80%;
		width: 60%;
		opacity: 0.6;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.left-box{
		position: relative;
		top: 5%;
		left: 5%;
		font-size: 4vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 80%;
		width: 60%;
		opacity: 0.6;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.title-box{
		font-size: 5vw;
	}
	.small-text{
		font-size: 3vw;
		font-family: Arial, Helvetica, sans-serif;
	}
	.titlebox{
		font-size: 5vw !important;
		margin: 0px 0px 10px 0px !important;	
	}		
	.company{
		font-size: 7vw !important;
		margin: 0px 0px 10px 0px !important;	
	}
	.videostudio{
		display: none;
	}
	.videostudiosmall{
		display: block;
		width: 70%;
		margin-left: auto;
		margin-right: auto;
	}
	.sectionvideo{
		display: block;
		width: 100%;
		color: black;
		background-color: black;
	}		
}

@media only screen and (min-width: 540px) {
	.section{
		height: 720px		
		background-size: cover;	
	}
	.right-box{
		position: relative;
		top: 10%;
		left: 30%;
		font-size: 3vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 280px;
		width: 60%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.left-box{
		position: relative;
		top: 10%;
		left: 5%;
		font-size: 3vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 280px;
		width: 60%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.title-box{
		font-size: 4vw;
	}
	.small-text{
		font-size: 2vw;
		font-family: Arial, Helvetica, sans-serif;
	}
	.titlebox{
		font-size: 4vw !important;
		margin: 0px 0px 20px 0px !important;
	}		
	.company{
		font-size: 5vw !important;
		margin: 0px 0px 20px 0px !important;	
	}
	.videostudio{
		display: none;
	}
	.videostudiosmall{
		display: block;
		width: 60%;
		margin-left: auto;
		margin-right: auto;
	}
	.sectionvideo{
		display: block;
		width: 100%;
		color: black;
		background-color: black;
	}	
}

@media only screen and (min-width: 768px) {
	.section{
		height: 620px;		
		background-size: cover;	
	}
	.right-box{
		position: relative;
		top: 10%;
		left: 55%;
		font-size: 2vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 60%;
		width: 30%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.left-box{
		position: relative;
		top: 10%;
		left: 5%;
		font-size: 2vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 60%;
		width: 30%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.title-box{
		font-size: 3vw;
	}
	.small-text{
		font-size: 1vw;
		font-family: Arial, Helvetica, sans-serif;
	}
	.titlebox{
		font-size: 3vw !important;
		margin: 0px 0px 15px 0px !important;
	}		
	.company{
		font-size: 4vw !important;
		margin: 0px 0px 15px 0px !important;
	}
	.videostudio{
		display: block;
		position: absolute;
		top: 10%;
		left: 50%;
		width: 30%;
		border: 1em solid black;
		border-radius: 10px;
	}
	.videostudiosmall{
		display: none;
	}
	.sectionvideo{
		display: none;
		width: 100%;
		color: black;
		background-color: black;
	}		
}

@media only screen and (min-width: 1024px) and (min-height: 600px){
	.section{
		height: 1024px;	
		background-size: cover;	
	}
	.right-box{
		position: relative;
		top: 10%;
		left: 55%;
		font-size: 2vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 65%;
		width: 30%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.left-box{
		position: relative;
		top: 10%;
		left: 5%;
		font-size: 2vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 65%;
		width: 30%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.title-box{
		font-size: 3vw;
	}
	.small-text{
		font-size: 1vw;
		font-family: Arial, Helvetica, sans-serif;
	}
	.titlebox{
		font-size: 3vw !important;
		margin: 0px 0px 20px 0px !important;
	}
	.company{
		font-size: 4vw !important;
		margin: 0px 0px 20px 0px !important;	
	}
	.videostudio{
		display: block;
		position: absolute;
		top: 15%;
		left: 50%;
		width: 30%;
		border: 1em solid black;
		border-radius: 10px;
	}
	.videostudiosmall{
		display: none;
	}
	.sectionvideo{
		display: none;
		width: 100%;
		color: black;
		background-color: black;
	}		
}

@media only screen and (min-width: 1024px) and (min-height: 1280px){
	.section{
		height: 1024px;	
		background-size: cover;	
	}
	.right-box{
		position: relative;
		top: 10%;
		left: 55%;
		font-size: 2vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 60%;
		width: 30%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.left-box{
		position: relative;
		top: 10%;
		left: 5%;
		font-size: 2vw;
		font-family: Arial, Helvetica, sans-serif;
		color: #000000;
		background-color:#ffffff;
		height: 60%;
		width: 30%;
		opacity: 0.5;
		border: 1em solid transparent;
		cursor: pointer;
	}
	.title-box{
		font-size: 3vw;
	}
	.small-text{
		font-size: 1vw;
		font-family: Arial, Helvetica, sans-serif;
	}
	.titlebox{
		font-size: 3vw !important;
		margin: 0px 0px 30px 0px !important;
	}		
	.company{
		font-size: 3vw !important;
		margin: 0px 0px 30px 0px !important;	
	}
	.videostudio{
		display: block;
		position: absolute;
		top: 15%;
		left: 50%;
		width: 30%;
		border: 1em solid black;
		border-radius: 10px;
	}
	.videostudiosmall{
		display: none;
	}
	.sectionvideo{
		display: none;
		width: 100%;
		color: black;
		background-color: black;
	}		
}