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

	body{
		font-size: 0.8em;
	}

		.heading h1{
			font-size: 3.5em;
		}


		.heading h2{
			font-size: 1.2em;
		}

        .images{
			width: auto;
			height: 35vh;
		}

            .popup img{
                width: 100%;
                height: auto;
                margin-top: 10%;
                background-color: white;
            }

        #videos{
			height: 170vh;
		}

			.vd{
				height: 170vh;
			}

				#video_1, #video_2{
					height: 60vh;
				}
}

@media screen and (max-width: 734px){

	body{
		font-size: 0.7em;
	}

		header, #port_header{
			height: 20vh;
		}

		header nav ul, #port_header ul{
			width: 100%;
		}

		#port_header ul{
			float: none;
		}

			header nav ul li, #port_header ul li{
				float: none;
				text-align: center;
				width: 100%;
				height: 5vh;
				line-height: 5vh;
			}

		.title{
			margin-left: 10%;
		}

		#top{
			height: 70vh;
		}

		#home, #about{
			height: 50vh;
		}

		#about{
			position: relative;
		}

		#left_home, #right_home, #left_about, #right_about{
			width: 100%;
			float: none;
			height: 50vh;
		}

		#left_home{
			position: relative;
		}

			#right_home img{
				display: none;
			}

		#right_about{
			position: absolute;
			top: 0;
		}

		#heading_for_mobile{
			display: block;
			color: white;
		}

		.mobile_heading{
			position: relative;
			margin: 0;
			text-align: center;
		}

			.mobile_heading h1{
				margin-top: 0.5em;
			}

            #introduction{
                width: 90%;
            }

			.about_mobile{
				position: absolute;
				bottom: 1%;
			}

				.about_mobile p{
					margin-left: 1%;
				}

		#right_about img{
			width: 100%;
			max-width: 100%;
			height: 100%;
			float: none;
		}

		.list_1, .list_2, .list_3{
			float:none;
			width: 100%;
			height: 27vh;
		}

		.list_3{
			padding-top: none;
		}

		.list_link{
			color: white;
		}

		.images{
			height: 25vh;
		}

            .popup img{
                width: 100%;
                height: auto;
                margin-top: 15%;
                background-color: none;
                padding: 0;
            }

		#videos{
			height: 120vh;
		}

			.vd{
				height: 120vh;
			}

				#video_1, #video_2{
					height: 40vh;
				}

		#contact{
			height: 105vh;
		}

		#contact h1{
			font-size: 4em;
		}

		#name, #mail{
			float: none;
			width: 100%;
		}

		#message{
			width: 100%;
		}

		#submit{
			float: none;
			width: 106%;
		}

		footer{
			height: 7vh;
		}

}