/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/


/* Table of contents
––––––––––––––––––––––––––––––––––––––––––––––––––
- Grid
- Base Styles
- Typography
- Links
- Buttons
- Forms
- Lists
- Code
- Tables
- Spacing
- Utilities
- Clearing
- Media Queries
*/


/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */

.container {
  position: relative;
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box; 
  }
  
.column,
.columns {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 100%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 550px) {
  .container {
    width: 100%; }
  .column,
  .columns {
    margin: 0 0 0 2%; 
	padding: 0px;}
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 23%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 49%; margin-bottom: 0px; padding-bottom: 0px;}

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 51%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) */
html {
  font-size: 62.5%; }
body {
  font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
  line-height: 1.6;
  font-weight: 400;
  font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #222; }


/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */
h1, h2, h3, h4, h5, h6 {
  margin-top: 0;
  margin-bottom: 2rem;
  font-weight: 300; }
h1 { font-size: 4.0rem; line-height: 1.2;  letter-spacing: -.1rem;}
h2 { font-size: 2.4rem; line-height: 1.25; letter-spacing: -.1rem; }
h3 { font-size: 3.0rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 2.4rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.8rem; line-height: 1.5;  letter-spacing: -.05rem; }
h6 { font-size: 1.5rem; line-height: 1.6;  letter-spacing: 0; }


body {
	font-family: Lato, Helvetica, sans-serif;
}



/* Main Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#mainNav {
	width: 100%;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 1;
	margin: 0px 0px 0px 0px;
}

#mainNav ul {
	list-style: none;
	margin: 0px 0px 0px 0px;
}


#mainNav li {
	float: left;
}

#mainNav li a{
	font-size: 1.2rem;
	text-decoration: none;
	color: #ffffff;

	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 900;

	-moz-transition: background 0.5s ease;
	-ms-transition: background 0.5s ease;
	-o-transition: background 0.5s ease;
	transition: background 0.5s ease;
	color: #ffffff;

	display: inline-block;

	text-decoration: none;

	padding: 10px 20px 10px 20px;
	border-radius: 40px 40px 40px 40px;
	-moz-border-radius: 40px 40px 40px 40px;
	-webkit-border-radius: 40px 40px 40px 40px;
	border: 0px solid #000000;
	background-color: #3a2997;
}

#mainNav li a:hover{
	font-size: 1.2rem;
	text-decoration: none;
	color: #ffffff;
	background-color: #efb400;
	cursor: pointer;
	
}


#logo a{
	background: url(../../images/viking_logo.svg) no-repeat center; 
	display: block;
	text-indent: -9999px;
	color: #ffffff;

}

#navWork {
	margin: 0px 10px 0px 0px;
}

#navContact {
	margin: 0px 0px 0px 0px;
}



/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width-image-inset-content {
	max-width: 1280px;
	margin: 0px auto;
}



/* Intro
–––––––––––––––––––––––––––––––––––––––––––––––––– */
#section-intro {
	height: 100vh;
	width: 100%;
	background: url(../../images/intro_middle.jpg) no-repeat center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
}

#intro_copy {
	border-left: 4px solid #efb400;

}

#section-intro h1 {
	color: #efb400;
	font-weight: 700;
	letter-spacing: 1px;
	
	
}

#section-intro h2{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;

}

#section-intro p{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
	
}





/* About
–––––––––––––––––––––––––––––––––––––––––––––––––– */

#section-about {
	height: 100vh;
	width: 100%;
	
}

#about_copy {
	
	
}

.about_content {
	
}



/*  Section Visual Design 
------------------------------------------------------------ */

#section_visual_design {
	height: 100%;
	max-width: 100%;
	margin: 0px auto;
	background: none;
}


#visual_design_content {
	width: 100%;
	margin: 0px auto;
	max-width: 1280px;	
}

#portfolio_copy {
	margin: 0x 0px 0px 0px;
	padding: 0px 0px 0px 0px;

}


#portfolio_copy_hp h1 {
	color: #efb400;
	font-weight: 700;
	letter-spacing: 1px;
}


#portfolio_copy_work h1 {
	color: #efb400;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 6rem;
	padding: 50px 0px 0px 0px;
	margin: 0px 0px 50px 0px;
}



/* Larger than phablet */
@media (min-width: 550px) {
  h1 { font-size: 5.0rem; }
  h2 { font-size: 2.4rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; }
}

p {
  margin-top: 0; }


/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  color: #1EAEDB; }
a:hover {
  color: #0FA0CE; }


/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }


/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }


/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle inside; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }


/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }


/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {
  margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {
  margin-bottom: 2.5rem; }


/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  margin-bottom: 0px;
  padding-bottom: 0px;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */



.row {
	background: red;
	maring-bottom: 0px;
}

.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; 
  maring-bottom: 0px;
 
  }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */

@media (min-width: 320px) {




/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width-image-inset-content {
	max-width: 100%;
	margin: 0px auto;
	padding: 0px 20px 0px 20px;
	
}


/* ------------------------------------------------------ Main Nav 320 */

#mainNav {
	padding: 20px 20px 0px 20px;
}

#mainNav li {
	margin-top: 8px;
}

#logo a {
	width: 50px;
	height: 50px;
}


/* ------------------------------------------------------------ Section Visual Design 320 */


#section_visual_design {
	padding-top: 100px;
	padding-bottom: 0px;
}

#portfolio_copy_hp h1 {
	font-size: 3.6rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}


/* ------------------------------------------------------------ UX 2 UP 320 */



.visual_design_2up{
	margin: 0px 0px 0px 0px;
	overflow: auto;
	font-size: 0;
}

.visual_design_2up_last{
	margin: 0px 0px 0px 0px;
	overflow: auto;
	font-size: 0px;
}

.visual_design_2up_last div, .visual_design_2up div {
	width: 100%;
    margin: auto;
}

.visual_design_2up_last img,  .visual_design_2up img{
	margin: 0px 0px 2% 0px;
}



.visual_design_2up_last img, .visual_design_2up img{
	width: 100%;
}

.visual_design_2up_left {
	text-align: left;
}



.visual_design_2up_right {
	text-align: right;
}





/* ------------------------------------------------------ Intro 320 */

#intro_copy {
	margin: 0px 20px 0px 10px;
	padding: 0px 0px 0px 30px;
	position: absolute;
	bottom: 4%;
}

#section-intro h1 {
	font-size: 7rem;
	line-height: 7rem;
	margin: -8px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	
}

#section-intro h2{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 3.6rem;
	line-height: 4rem;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#section-intro p{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 2rem;
	line-height: 2.8rem;
	margin: 0px 0px -3px 0px;
}

	
#linkedin a{
	background: url(../../images/ico_linkedin.svg) no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0px 20px 0px 0px;
	
}

#facebook a{
	background: url(../../images/ico_instagram.svg) no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0px 20px 0px 0px;


}

/* ------------------------------------------------------ Work 320 */



/* ------------------------------------------------------ About 320 */



.about_content {
	padding-top: 100px;	
	margin: 0px auto;
}


#about_copy {
	padding-bottom: 40px;
}

#about_mob {
	background: url(../../images/about_full_320.jpg) no-repeat;
	width: 260px;
	height: 260px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#section-about h1 {
	color: #efb400;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 4.8rem;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;

}


#section-about p {
  color: #404040;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 1.8rem;
  line-height: 3rem;
  padding: 0px 0px 20px 0px; 
  width: 100%;
  text-align: center;
}

.centered_social {

		
}
	
#social{
	list-style: none;
	height: 70px;
	padding: 0px 0px 0px 0px; 

	background-color: red;
}


#social li a{
	
	width: 70px;
	height: 70px;
}

.social-left {
	float: left;
	margin-right: 0px;
}


.social-right {
	float: left;
}




}


/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {


/* ------------------------------------------------------ Main Nav 550 */


#mainNav {
	padding: 20px 20px 0px 20px;
}

#mainNav li {
	margin-top: 15px;
}

#logo a {
	width: 70px;
	height: 70px;
}

/* ------------------------------------------------------ Intro 550 */

#intro_copy {
	margin: 0px 20px 0px 10px;
	padding: 0px 0px 0px 30px;
	position: absolute;
	bottom: 5%;
}

#section-intro h1 {
	font-size: 10rem;
	line-height: 10rem;
	margin: -8px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	
}

#section-intro h2{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 3.6rem;
	line-height: 4rem;
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

#section-intro p{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 2rem;
	line-height: 2.8rem;
	margin: 0px 0px -3px 0px;
}



/* ------------------------------------------------------ Work 550 */



/* ------------------------------------------------------ About 550 */


#about_copy {
	padding-bottom: 40px;
}


.about_content {
	padding: 0px 0px 0px 0px;	
	margin: 0px auto;
	
}


#about_mob {
	background: url(../../images/about_mob_cir.png) no-repeat;
	width: 200px;
	height: 232px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

#section-about h1 {
	color: #efb400;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 4.8rem;
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: center;
}


#section-about p {
  color: #404040;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 2.4rem;
  line-height: 3.8rem;
  padding: 0px 0px 20px 0px; 
  text-align: center;
}


/* ------------------------------------------------------------ Section Visual Design 550 */


#section_visual_design {
	padding-top: 150px;
	padding-bottom: 0px;
}

#portfolio_copy_hp h1 {
	font-size: 3.6rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}





/* ------------------------------------------------------------ Visual Deisgn 3 UP 550 */



}



/* Larger than tablet */
@media (min-width: 767px) {

/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width-image-inset-content {
	max-width: 100%;
	margin: 0px auto;
	padding: 0px 40px 0px 40px;
	
}


/* ------------------------------------------------------ Main Nav 767 */

#mainNav {
	
	padding: 30px 40px 0px 40px;
}



/* ------------------------------------------------------ Intro 767 */

#intro_copy {
	border-left: 4px solid #efb400;
	padding: 0px 0px 0px 50px;
	margin: 0px 40px 0px 0px;
	position: absolute;
	bottom: 5%;
}

#section-intro h1 {
	color: #efb400;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 12rem;
	line-height: 12rem;
	margin: -10px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	
}

#section-intro h2{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 4.8rem;
	line-height: 4.8rem;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
}

#section-intro p{
	color: #ffffff;
	font-weight: 300;
	letter-spacing: 1px;
	font-size: 2rem;
	margin: 0px 0px -3px 0px;
}


#intro_copy {
	border-left: 4px solid #efb400;
	padding: 0px 0px 0px 40px;
	position: absolute;
	bottom: 20%;

}


/* ------------------------------------------------------ Work 767 */



/* ------------------------------------------------------ About 767 */

#section-about {
	width: 100%;
	height: 100vh;
	background: url(../../images/about_full.jpg) no-repeat;
	background-position: bottom right;
	background-attachment: fixed;
	background-size: 90%;	
}

#about_mob {
	background: none;
}


#about_copy {
	margin-bottom: 0px;
}

.centered_social {
	width: 100%;
}

#section-about h1 {
	color: #efb400;
	font-weight: 700;
	letter-spacing: 1px;
	font-size: 10rem;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	text-align: left;
}


#section-about p {
  color: #404040;
  font-weight: 300;
  letter-spacing: 1px;
  font-size: 2.4rem;
  line-height: 3.8rem;
  padding: 0px 0px 20px 0px; 
  max-width: 550px;
  text-align: left;
}

#social{
	list-style: none;
	height: 70px;
	padding: -60px 0px 0px 0px; 
	width: 100%;
	margin: 0px auto;
	text-align: left;
}


#social li a{
	float: left;
	width: 70px;
	height: 70px;
}

.social-left {
	float: left;
	margin-right: 20px;
}


.social-right {
	float: left;
}

#linkedin a{
	background: url(../../images/ico_linkedin.svg) no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0px 20px 0px 0px;
}

#facebook a{
	background: url(../../images/ico_instagram.svg) no-repeat;
	display: block;
	text-indent: -9999px;
	margin: 0px 20px 0px 0px;

}

/* ------------------------------------------------------------ Section Visual Design 767 */


#section_visual_design {
	padding-top: 150px;
	padding-bottom: 0px;
}

#portfolio_copy_hp h1 {
	font-size: 4rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
}


/* ------------------------------------------------------------ UX 2 UP 767 */


.visual_design_2up{
	margin: 0px 0px 0px 0px;
	overflow: auto;
	font-size: 0px;

}

.visual_design_2up_last{
	margin: 0px 0px 0px 0px;
	overflow: auto;
}

.visual_design_2up_last div, .visual_design_2up div {
	width: 50%;
    float: left;
    margin: auto;
}


.visual_design_2up img{
	width: 98%;
	max-width: 100%;
    margin: 0px 0px 4% 0px;
    height: auto;
	
}

.visual_design_2up_last img {
	width: 98%;
	max-width: 100%;
    margin: 0px 0px 0px 0px;
    height: auto;
	
}

.visual_design_2up_left {
	text-align: left;
}



.visual_design_2up_right {
	text-align: right;
}




}

/* Larger than desktop */
@media (min-width: 1000px) {



/* Global
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.full-width-image-inset-content {
	max-width: 1280px;
	margin: 0px auto;
	padding: 0px 70px 0px 70px;
	
}



/* ------------------------------------------------------ Main Nav 1000 */

#mainNav {
	padding: 30px 70px 0px 70px;
}


/* ------------------------------------------------------ Intro 1000 */



/* ------------------------------------------------------ Work 1000 */



/* ------------------------------------------------------ About 1000 */


/* ------------------------------------------------------------ Section Visual Design 1000 */


#section_visual_design {
	padding-top: 200px;
	padding-bottom: 0px;
	font-size: 0px;
}

#portfolio_copy_hp h1 {
	font-size: 6rem;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 50px 0px;
}



/* ------------------------------------------------------------ UX 2 UP 1000 Edit in 767 */




/* ------------------------------------------------------------ Visual Deisgn 3 UP 1000 */


}



/* Larger than Desktop HD */
@media (min-width: 1200px) {
	


/* ------------------------------------------------------ Main Nav 1200 */

/* ------------------------------------------------------ Intro 1200 */



/* ------------------------------------------------------ Work 1200 */



/* ------------------------------------------------------ About 1200 */

/* ------------------------------------------------------------ UX 2 UP 767 */





/* ------------------------------------------------------------ Visual Deisgn 3 UP 1200 */


}