@charset "UTF-8";
/* CSS Document */

* {
	box-sizing: border-box;
}
.row::after {
	content: "";
	clear: both;
	display: table;
}
 [class*="col-"] {
 float: left;
 padding: 0px;
}
html {
	font-family: 'Oswald', sans-serif;
}
body {
	font-family: 'Oswald', sans-serif;
	text-align: center;
	background-color: #000;
	color: #fff;
}
.orange {color: #f67628;}
.white {color: #ffffff;}
.light {
		font-weight: 200;
}
.topline {
	letter-spacing: .2px;
}
.divider {
		font-weight: 200;
		margin-top: -5px;
}
.header {
	/*background-color: #9933cc;*/
	color: #ffffff;
	padding: 0px; /*15*/
}
.partner {
	margin-bottom: -15px;
	line-height: 1.3;
}
.name {
	color: #fff;
	font-weight: 600;
}
.title {
	font-family: "Times New Roman", sans-serif;
	font-style: italic;
	font-size: 12pt;
	color: #fff;
}
.contact {
	line-height: 1.2;
}
.phone {
	font-size: 14pt;
	color: #fff;
}
.email {
	font-size: 10pt;
	color: #009240;
}
.email:hover {
	font-size: 10pt;
	color: #323232;
}
.footer {
	/*background-color: #0099cc;*/
	color: #fff;
	text-align: center;
	/*font-size: 10px;*/
	padding: 0px 15px;
}
.footerLink {
	font-weight: 600;
}
hr {
	width: 455px;
	color: #fff;
}
.contact {
	color: #ffffff;
	text-align: center;
	letter-spacing: .5px;
}
.contact a {
    color: #f67628;
    text-decoration: none;
}
.contact a:hover {
    color: #ffffff;
    text-decoration: none;
}
.row {
	text-align: center;
}
.copyright {
	font-weight: 200;
	letter-spacing: .5px;
}
a {
	color: #fff;
	text-decoration: none;
}
a:hover {
	color: #fe7504;
	text-decoration: none;
}


/* For mobile phones: */
[class*="col-"] {
 width: 100%;
}




 /* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
/*body {
	background-color: gold;
}*/
#wrapper {
	margin-top: 5%;
}
.row {
	padding: none;
}
#photo {
	width: 350px;
}
#logo {
	width: 350px;
}
hr {
	width: 350px;
}
.about {
	font-size: 10pt;
	letter-spacing: 0px;
}
.contact {
	font-size: 10px;
	line-height: 1.1;
}
.copyright {
	font-size: 9px;
	line-height: 1.1;
}
.desktop-br {
	display: none;
}
.mobile-br {
	display: none;
}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
/*body {
	background-color: red;
}*/
#wrapper {
	margin-top: 0px;
}
#photo {
	width: 400px;
}
#logo {
	width: 400px;
	margin-bottom: 10px;
}
hr {
	width: 536px;
}
.about {
	font-size: 9pt;
}.topline {
	letter-spacing: .3px;
}
.contact {
	font-size: 9px;
	line-height: 1.1;
}
.copyright {
	font-size: 8px;
	line-height: 1.1;
}
.row {
	padding: 0px 3%;
}
.desktop-br {
	display: none;
}
.mobile-br {
	display: none;
}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
/*body {
	background-color: blue;
}*/
#wrapper {
	margin-top: 10%;
}
#photo {
	width: 560px;
}
#logo {
	width: 560px;
	margin-bottom: 10px;
}
hr {
	width: 506px;
}
.about {
	font-size: 14pt;
}
.contact {
	font-size: 12px;
	line-height: 1.1;
}
.copyright {
	font-size: 9px;
	line-height: 1.1;
}
.row {
	padding: 0px 7%;
}
.name {
	font-size: 14pt;
}
.desktop-br {
	display: inline;
}
.mobile-br {
	display: none;
}
}
	



/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
/*body {
	background-color: orange;
}*/
#wrapper {
	margin-top: 0;
}
#photo {
	width: 480px;
}
#logo {
	width: 480px;
	margin-bottom: 5px;
}
hr {
	width: 430px;
}
.about {
	font-size: 12pt;
}
.contact {
	font-size: 10px;
	line-height: 1.1;
}
.copyright {
	font-size: 9px;
	line-height: 1.1;
}
.row {
	padding: 0px 2%;
}
.name {
	font-size: 12pt;
}
.phone {
	font-size: 16pt;
}
.desktop-br {
	display: inline;
}
.mobile-br {
	display: none;
}


/* For desktop: */
.col-1 {
	width: 8.33%;
}
.col-2 {
	width: 16.66%;
}
.col-3 {
	width: 25%;
}
.col-4 {
	width: 33.33%;
}
.col-5 {
	width: 41.66%;
}
.col-6 {
	width: 50%;
}
.col-7 {
	width: 58.33%;
}
.col-8 {
	width: 66.66%;
}
.col-9 {
	width: 75%;
}
.col-10 {
	width: 83.33%;
}
.col-11 {
	width: 91.66%;
}
.col-12 {
	width: 100%;
}
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
/*body {
	background-color: pink;
}*/
#wrapper {
	margin-top: 10%;
}
#photo {
	width: 540px;
}
#logo {
	width: 540px;
	margin-bottom: 20px;
}
.row {
	padding: 0px 15%;
}
.name {
	font-size: 12pt;
}
.contact {
	font-size: 14px;
	line-height: .5;
}
.desktop-br {
	display: inline;
}
.mobile-br {
	display: none;
}
}