body {
	color: rgba(0, 14, 20, 0.88);
}
.section.about .row {
	width: 100%;
}
.section.about .row .left .top- .this-is-alex .down-arrow {
	display:inline-block;
	width: 43%
}
.section.about .row .left .bottom- .image-1 {
	width: 100%;
}
.section.about .row .left .bottom- .image-1 img {
	width: 100%;
}
.section.about .row .right .top- {
	width: 100%;
}
.section.about .row .right .image-2 img {
	width: 100%;
}
.section.about .row .right .bottom- {
	width: 100%;
}
.section.about .row .image-3 img {
	width: 100%;
}
.section.qualifications .wrapper,
.section.platform .wrapper {
	max-width: 1200px;
} 
@media(min-width:0){
	.no-mobile {
		display: none
	}
	.no-desktop {
		display: block;
		padding-top: 0.67em;;
	} 
	.section h1 {
		font-size: 46px;
	}
	.image-3 {
		display: inline-block;
		vertical-align: top ;
	}
	.image-3-label {
		display: block;
		vertical-align: top;
		margin-top: 7%;
		font-size: 6vw;
	}
	.top- {
		margin-top: 12px;
	}
	.section.about .row .left .top- .this-is-alex .this-is {
		display: inline-block;
	}

	.section.about .row .left .top- .this-is-alex .this-is span {
		display: inline;
	}
	.section.about .row .left .top- .this-is-alex .this-is span:first-child {
		font-size: 7vw;
	}
	.section.about .row .left .top- .this-is-alex .this-is span:nth-child(2),
	.section.about .row .left .top- .this-is-alex .this-is span:nth-child(3) {
		font-size: 9.5vw;
		line-height: 1;
	}
	.section.about .row .left .top- .this-is-alex .down-arrow {
	    display: inline-block;
	    position: absolute;
	}
	.section.about .row .left .bottom- {
		margin-right: 0;
	}
	.section.about .row .right {
		display: block;
	}
	.section.about .row .right .top- h3 {
		margin: 0;
	}
	.section.about .row .right .top-:nth-child(2) {
		font-size: 11vw;
	}
	.section.about .row .right .image-2 {
		max-width: 100%;
		text-align: center;
	}
	.section.about .row .left {
		width: inherit;
		display: block;
	}
	.right .top- h3:nth-child(2) {
		font-size: 11.0vw !important;
	}



	.what-is-vpsl p,
	.what-is-dsu p {
		width: 90%;
    	margin: auto;
	}
	.what-is-vpsl img {
		margin-bottom: 2%
	}
	.section.dsu,
	.section.qualifications {
		background: rgb(15, 117, 189);
		color: white;
	}
	.section.dsu a,
	.section.qualifications a {
		color: white;
	}
	.section.dsu blockquote {
		padding: 0 35px;
		text-align: left;
		border-left: solid 3px white;
		margin: 2% 14%;
    	font-style: italic;
	}
	.section {
		font-family: 'Martel', serif;
	}
	.section h1 {
		font-family: sans-serif;
		margin-bottom: .7em;
		text-transform: uppercase;
	}
	.right-down-arrow {
		background-image: url('/static/arrow.png');
		height: 13vw;
		width: 26vw;
		background-size: contain;
		background-repeat: no-repeat;
		margin-top: 38%;
	}
	.section.dsu div {
		width: 100%;
		display:block;
		text-align: center;
	}
	.section.dsu p {
		font-size: 1.3vw;
	}
	.what-is-dsu,
	.what-is-vpsl {
		vertical-align: top;
	}
	.what-is-dsu ol {
	    text-align: left;
	    margin-left: 20%;
		max-width: 55%;
		font-size: 1.3vw;
	}
	.section {
		padding: 0px;
	}
	.section .row {
		width:100%;
	}
	@-moz-keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	    -moz-transform: translateY(0);
	    transform: translateY(0);
	  }
	  40% {
	    -moz-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }
	  60% {
	    -moz-transform: translateY(-15px);
	    transform: translateY(-15px);
	  }
	}
	@-webkit-keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	  40% {
	    -webkit-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }
	  60% {
	    -webkit-transform: translateY(-15px);
	    transform: translateY(-15px);
	  }
	}
	@keyframes bounce {
	  0%, 20%, 50%, 80%, 100% {
	    -moz-transform: translateY(0);
	    -ms-transform: translateY(0);
	    -webkit-transform: translateY(0);
	    transform: translateY(0);
	  }
	  40% {
	    -moz-transform: translateY(-30px);
	    -ms-transform: translateY(-30px);
	    -webkit-transform: translateY(-30px);
	    transform: translateY(-30px);
	  }
	  60% {
	    -moz-transform: translateY(-15px);
	    -ms-transform: translateY(-15px);
	    -webkit-transform: translateY(-15px);
	    transform: translateY(-15px);
	  }
	}
	body {
	}

	.arrow {
		position: fixed;
    	bottom: 114px;
    	left: 43%;
    	margin-left: -20px;
    	width: 40px;
    	height: 40px;
    	background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiP…0yMC43NzIsNTMuNDkyLTAuNTk1LDczLjY3MUwyMjAuMjQ5LDQ1NS44Njh6Ii8+DQo8L3N2Zz4=);
    	background-size: contain;
    	cursor: pointer;
	}

	.bounce {
	  -moz-animation: bounce 2s infinite;
	  -webkit-animation: bounce 2s infinite;
	  animation: bounce 2s infinite;
	}
	body {
		margin: 0;
		padding: 0;
	}
	.above-the-fold {
		height: 100vh;
		width: 100%;
		background: white;
		position: relative;
	}
	.below-the-fold {
		height: 1000px;
		width: 100%;
	}
	.above-the-fold .background-words {
		position: absolute;
		left: 0;
		top: 0;
		z-index: 1;
	}
	.above-the-fold .background-words h3 {
		padding: 40px 54px;
	}
	.above-the-fold .background-words h3 {
    	font-size: 3.4vw;
		text-align: justify;
		font-family: 'Martel', serif;
	    padding: 20px 27px;
	    color: rgba(128, 128, 128, 0.27);
	    margin: 0;
	}
	.headline {
		height: 50vh;
	}
	.bottom {
		height: 50vh;
	}
	.headline {
		position: absolute;
		z-index: 10; 
		left: 9%;
		top: 0;
	}
	.vote {
		text-align: center;
		color: white;
		font-family: sans-serif;
	}
	.vote h2 {
		font-size: 5vw;
    	font-size: 11vw;
		padding: 10px;
		margin: 3% 0;
		background: rgb(16, 116, 191);
		display:inline-block;
		z-index: 100000;
		text-transform: uppercase;
	}
	.name {
		/*text-align: center*/
	}
	.name h1 {
		font-family: sans-serif;
		font-size: 20vw;
		text-align: center;
		margin: 0;
	    line-height: .9;
		text-transform: uppercase;
		color: rgb(39, 54, 145);
	}
	.bottom {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 115px;
		width: 100%;
		background: rgb(15, 117, 189);
		z-index: 1;
		text-align: center;
	}
	.bottom .container {
		margin: 2%;
	}
	.for-your h3 {
		font-size: 6vw;
		margin: 0;
	    text-transform: lowercase;
	    font-family: serif;
	    color: white;
	}
	.portfolio-name h2 {
		font-size: 7vw;
		margin: 0;
	    line-height: .9;
	    text-transform: uppercase;
	    font-family: sans-serif;
	    color: white;
	}
	.nav-bar {
		position: fixed;
		left:0;
		top:20%;
		height: 40vh;
		width: 10vw;
		display:inline-block;
		background: white;
		border: solid 1px black;
		z-index: 10;
		display:none;
	}
	.photo {
		background-image: url('/static/alex.png');
    	height: 371px;
    	width: 316px;
	    background-size: contain;
	    background-repeat: no-repeat;
	}
	.photo-holder {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    z-index: 1;
	}

	.bottom- {
		margin-top: 14px;
	}

	.bottom- div:first-child {
		font-size: 8vw;
		line-height: 1;
		margin-bottom: 10px
	}
	.bottom- div:nth-child(2) {
		font-size: 10.6vw;
		line-height: 1;
	}

}
@media(min-width:500px) {
	.bottom {
		height: 25vh;
	}
	.photo {
		height: 399px;
	    width: 280px;
	}				
}
@media(min-width: 600px){
	.arrow {
		margin-bottom: 10px;
	  	bottom: 0;
	  	left: 50%;
	  	margin-left: -20px;

	}
	.section.about .row .left .top- .this-is-alex .this-is span {
		position: static;
		display: block;
	}
	.section.about .row .left .top- .this-is-alex .this-is span:first-child {
		font-size: 6vw;
		line-height: 1;
	}
	.section.about .row .left .top- .this-is-alex .this-is span:nth-child(2) {
		font-size: 8.4vw;
		line-height: 0.8;
	}
	.section.about .row .left .top- .this-is-alex .this-is span:nth-child(3) {
		font-size: 6.55vw
	}
	.section.about .row .left .top- .this-is-alex .down-arrow {
	    width: 43%;
	}
	.section.about .row .left .bottom- {
	    margin-right: 31%;
	}
	.section.about .row .right {
	    width: 53%; 
	    display: inline-block;
	}
	.section.about .row .right .top- h3 {
	    font-size: 1.8vw !important;
	}
	.section.about .row .right .image-2 {
		max-width: 80%;
	}
	.section.about .row .left {
		width: 46%;
		display: inline-block;
	}
	.top- {
		margin-top: 0;
	}
	.right .top- h3:nth-child(2) {
		font-size: 5.0vw !important;
	}
	.bottom- div:first-child {
		font-size: 3vw;
		line-height: 1;
		margin-bottom: 10px
	}
	.bottom- div:nth-child(2) {
		font-size: 3.6vw;
		line-height: 1;
	}
	.image-3-label {
		display: inline-block;
		width: 39%;
		font-size: 3vw;
	}
	.image-3 {
		width: 60%;
	}
	.section.platform li,
	.section.qualifications li {
		font-size: 25px;
	}

	.above-the-fold .background-words h3 {
		font-size: 2.1vw;
	}
	.headline {
		left: 22%;
	}
	.name h1 {
		font-size: 14vw;
	}
	.for-your h3 {
		font-size: 3vw;
	}
	.portfolio-name h2,
	.vote h2 {
		font-size: 5vw;
	}
	.section.about .row .left .top- .this-is-alex .this-is {
		display: inline-block;
		width: 46%
	}
	.section h1 {
		font-size: 4vw;
	}
	.no-mobile {
		display: block;
	}
	.no-desktop {
		display: none;
	}
}
@media(min-width:1366px){
	.vote h2 {
		padding-right: 1.5vw;
	}
	.section {
		padding: 54px;
	}
	.above-the-fold .background-words h3 {
		padding: 40px 54px;
	}
	.photo {
	    height: 760px;
	    width: 629px;
	}
	.photo-holder {
	    right: 66vw;
	}
	.section.dsu .what-is-dsu,
	.section.dsu .what-is-vpsl {
		width: 50%;
		display:inline-block;
	}
}
@media(min-width:1601px){
	.photo {
		height: 703px;
	    width: 611px;
	}
	.photo-holder {
	    bottom: 136px;
	}
}