@charset "UTF-8";

@media (min-width: 320px){
body {
	margin-top: 0px;
	margin-left: 0px;
	width: 100%;
	background-color: #000000;
}
.header {
	background-color: #000000;
	width: 100%;
	height: 4em;
}
.logo {
    color: #CFCFCF;
    font-family: "Gotham", sans-serif;
    letter-spacing: 0.4em;
    font-size: 1em;
    border-bottom: thin solid #262626;
    padding-bottom: 1em;
    padding-top: 1em;
    font-weight: bold;
    width: 100%;
    text-align: center;
}
.logo p {
    font-size: 0.6em;
    letter-spacing: 0.8em;
    font-style: italic;
    width: 100%;
    font-family: "Gotham", Helvetica Neue, Helvetica, Arial, sans-serif;
    color: #CFCFCF;
}
.logo a:link  {
	color: #CFCFCF;
	text-decoration: none;	
}
.logo a:visited {
	color: #727272;
}
.logo a:hover {
	color:  #727272;
}	
.navTop {
	float: left;
	margin-bottom: 10px;
	margin-top: 0.5em;
	margin-left: 5%;
	width: 95%;
}
.navTop .about {
	display: inline-block;
	text-align: center;
	-webkit-transition: all 0.4s linear 0s;
	-o-transition: all 0.4s linear 0s;
	transition: all 0.4s linear 0s;
}
.navTop .about a:link {
	color:  #CFCFCF;
	font-family: "Playfair Display", serif;
	letter-spacing: 0.4em;
	font-size: 1.1em;
	text-decoration: none;
	font-style: italic;
	font-weight: 400;
	float: left;
	padding-right: 5px;
	padding-left: 10px;
}
.navTop .about a:visited {
	color: #8D8D8D;
}
.navTop .about a:hover {
	color: #DF8605;
}
.navTop .about a:active {
	color: #DF8605;
}
.navBottom {
	width: 100%;
	float: left;
	text-align: center;
	border-top: thin solid #262626;
	margin-top: 2em;
	padding-top: 1em;
}
.navBottom .about {
	display: inline-block;
	width: 10em;
	margin-bottom: 1em;
}
.navBottom .about a:link {
	color:  #CFCFCF;
	text-decoration: none;
	font-family: "Playfair Display", serif;
	font-size: 1em;
	letter-spacing: 0.4em;
	font-style: italic;
	font-weight: 400;
}
.navBottom .about a:visited {
	color: #606060;
}
.navBottom .about a:hover {
	color: #DF8605;
}
.navBottom .about a:active {
	color: #DF8605;
}
.navBottom h2 {
    color: #D1D1D1;
    font-family: "Gotham", sans-serif;
    font-size: 0.6em;
    letter-spacing: 0.15em;
    text-align: center;
    padding-right: 20px;
    margin-bottom: 2em;
    margin-top: 2em;
}
.boxContainert {
	width: 92%;
	display: block;
	height: auto;
	float: right;
	text-align: left;
	margin-top: 1em;
	/* [disabled]margin-left: 5%; */
	background-color: #D5CFC5;
}
.blackBox {
    height: 1.5em;
    background-color: #000000;
    display: none;
}
.mainAbout {
    width: 95%;
    float: left;
    margin-bottom: 1em;
    font-family: "Gotham",  sans-serif;
    letter-spacing: 0.01em;
    padding-bottom: 2em;
    margin-left: 1em;
}
.mainAbout h1 {
    color: #000000;
    font-family: "Playfair Display", serif;
    font-weight: 400;
    font-size: 2.9em;
    font-style: italic;
    line-height: 1.1em;
    width: 100%;
}
.mainAbout h2 {
    font-family: "Gotham", sans-serif;
    font-size: 1.3em;
    text-transform: uppercase;
    line-height: 1.5em;
    letter-spacing: 0.2em;
    color: #625A4E;
    margin-bottom: 2em;
}
.mainAbout1 {
    margin-right: 2%;
    color: #625A4E;
    border-left: thin solid #625A4E;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    line-height: 1.5em;
    font-weight: normal;
}
.mainAbout2 {
    color: #625A4E;
    border-left: thin solid #625A4E;
    font-size: 1.2em;
    letter-spacing: 0.05em;
    line-height: 1.4em;
    font-weight: normal;
}
.testiAbout {
    text-align: left;
    clear: both;
    width: 85%;
    height: auto;
    font-family: "Playfair Display", serif;
    font-size: 1.1em;
    font-weight: 300;
    color: #000000;
    font-style: italic;
    float: left;
    margin-top: 9em;
    margin-bottom: 9em;
    margin-left: 0.2em;
    line-height: 1.5em;
    border-left: thick solid #262626;
    max-width: 85%;
    padding-left: 0.3em;
}
.testiAbout p {
    font-family: "Gotham", sans-serif;
    font-style: normal;
    font-size: 0.8em;
    text-align: left;
    line-height: 1.5em;
    font-weight: normal;
}
.work {
    float: right;
    width: 100%;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: normal;
    color: #625A4E;
    text-align: left;
}	
.awards {
    float: left;
    font-family: "Gotham", sans-serif;
    font-style: normal;
    color: #625A4E;
    text-align: left;
    font-size: 1.1em;
    margin-top: 6em;
    letter-spacing: 0.1em;
    font-weight: bold;
}
.awardsCol1 {
    float: left;
    width: 45%;
}
.awardsCol1 h2 {
	font-size: 1em;
	font-family: "Playfair Display", serif;
	text-transform: capitalize;
	line-height: 1.2em;
	font-style: italic;
	font-weight: 400;
	letter-spacing: normal;
}
.awardsCol2 {
    float: left;
    width: 45%;
    letter-spacing: normal;
}
.awardsCol2 h2 {
	font-family: "Playfair Display", serif;
	font-size: 1em;
	text-transform: capitalize;
	line-height: 1.2em;
	font-style: italic;
	font-weight: 400;
	letter-spacing: normal;
}
.awardLogo {
	float: left;
	background-color: #FFFFFF;
	margin-top: 2em;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
}
.awardLogoSpacer {
	width: 100%;
	height: 2em;
}
.logoAward1 {
	width: 50%;
	float: left;
}
	.logoAward2 {
	float: left;
	width: 50%;
}
.pix2 {
	width: 40%;
	background-color: #DF8605;
	float: left;
	margin-bottom: 1em;
	margin-right: 5%;
}
.pix3 {
	width: 30%;
	background-color: #9304F2;
	float: left;
	margin-bottom: 1em;
	margin-right: 5%;
}
}