/* --------------------------------------------------
  Set some defaults
-------------------------------------------------- */

*,
*:before,
*:after { 
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Clears floated elements */
.clear:before, 
.clear:after { content: ' '; display: table; }
.clear:after { clear: both; }
.clear { *zoom: 1; }

/* Improve font rendering, especially in Chrome */
*,
*:after,
*:before {
  -webkit-font-smoothing: antialiased !important;
  font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering:optimizeLegibility; /* kerning */
}


/* --------------------------------------------------
Custom Code Starts Here
-------------------------------------------------- */


/*break points*/

body {
  background-color: #000000;
/*  cursor:url(http://www.limberish.com/images/favicon.ico),auto; */
}

/*Fonts*/
@font-face{
  font-family: suisse-regular;
  src: url(../fonts/SuisseIntl-Regular-WebS.ttf) format('truetype');
  font-weight: normal;
}

@font-face{
  font-family: suisse-semibold;
  src: url(../fonts/SuisseIntl-SemiBold-WebS.ttf) format('truetype');
  font-weight: bold;
}

h1, h2, h3, h4, h5, h6, p, div { 
  font-family: "suisse-regular", Helvetica, sans-serif;
  font-style: normal; 
  font-variant: normal;  
	font-weight: normal;
  color: white;
  /*  font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;*/
}


/* For desktop: */
@media only screen and (min-width: 768px) {
	
  body {
	background-color: black;
	}

	#content_desktop {
	display: block;
	}

	#content_mobile {
	display: none;
	}
}

/* For mobile phones: */
@media only screen and (max-width: 768px) {
	
	body {
		background-color: black;
	}

	div.intro{
		font-size: 32px;
		color: white;
	}

	#content_desktop {
		display: none;
	}

	#content_mobile {
		display: block;
	}

}



h2{
	color: grey;
  font-family: "suisse-regular", Helvetica, sans-serif;
  font-weight: normal;
  font-size: 46px;
	letter-spacing: -0.3px;
	border-bottom: 0px solid black;
  padding-bottom: 4%;
  padding-left: 0;
  padding-right: 0;
  /*text-decoration: none;*/
}

h2:hover {
  /*text-decoration: none;*/
}

a {color: white;
text-decoration: none;} 

a:hover{
}


/*intro paragraph styles*/

.intro a:hover{
font-family: "suisse-semibold", Helvetica, sans-serif;
font-weight: bold;
letter-spacing: -0.3px;
/*text-decoration: line-through black 55px;*/
}

.info a:hover{
font-family: "suisse-semibold", Helvetica, sans-serif;
font-weight: bold;
letter-spacing: -0.3px;
/*text-decoration: underline blue 5px;*/
}

h3{color: white;
  font-family: "suisse-regular", Helvetica, sans-serif;
   font-size: 20px;
   letter-spacing: -0.3px;}

h3:hover {
  /*text-decoration: none;*/
  color: grey;
}

h4{color:white;
  font-family: "suisse-regular", Helvetica, sans-serif;
   letter-spacing: -0.3px;}

h5{color:white;
  font-family: "suisse-regular", Helvetica, sans-serif;
   letter-spacing: -0.3px;}


/*columns*/
* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
/*  height: 500px;*/ /* Should be removed. Only for demonstration */
}



/* Clear floats after the columns */
.row1{padding-top:30px;}
.row1:after {
  content: "";
  display: table;
  clear: both;}

.row{padding-top: 30px;}
.row:after {
  content: "";
  display: table;
  clear: both;}






/*sub pages styles*/

.casestudy {
  font-size: 20px;
  margin: 0px auto;
  max-width: 75%;
  border:solid rgb(225,0,100) 0px;
  padding-top: 40px;
  padding-right: 0;
    padding-left: 0;
    vertical-align: ;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.casestudy p{
  color: white;
  font-size: 20px;
  font-family: "suisse-regular", Helvetica, sans-serif;
  font-style: normal;
  text-transform: normal;
  text-align: left;
}

.casestudy p:hover{
  color: grey;
  font-family: "suisse-regular", Helvetica, sans-serif;
  font-style: normal;
  font-size: 20px;
  text-transform: normal;
  text-align: left;
}