/*
@font-face {
  font-family: 'Ubuntu';
  src: url(Ubuntu-R.ttf) format('truetype');
}


@font-face {
  font-family: 'GreatVibes';
  src: url(GreatVibes-Regular.otf) format('opentype');
}


@font-face {
  font-family: 'DancingintheRainbow';
  src: url(DancingintheRainbow.ttf) format('truetype');
}

*/

@font-face {
  font-family: 'Angel';
  src: url(angel.ttf) format('truetype');
}


@font-face {
  font-family: 'MuskRegular';
  src: url(musk_regular.otf) format('opentype');
}


@font-face {
  font-family: 'Varna';
  src: url(varna.otf) format('opentype');
}


@font-face {
  font-family: 'BellyBetty';
  src: url(bellybetty.otf) format('opentype');
}



body {
 background: #2daee0;	
}

A {
	color: #660066;
}

A:hover {
	color: #000000;	
}

.container{
	
	background: #d0def2; /*F2F2F2;*/
	color: #660066;
	border: 2px dashed #AAAAAA;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px;
}

H1{
	font-size: 36px;	
}

.logoText {
	font-size: 60px;	
	font-family: MuskRegular;
	line-height: 100%;
	text-align: center;
}

.logoTextSecond {
	font-size: 40px;	
	font-family: BellyBetty;
	line-height: 100%;
	text-align: center;
}

.logoTextThird {
	font-size: 30px;	
	font-family: Varna;
	line-height: 100%;
	text-align: center;
}

.face_img {
	margin-right: 20px; 
	margin-top: 5px;
	height: 420px;
}

.office_img {
	width: 60%;
	margin-right: 200px; 
}

.nav-link{
	
	text-transform: uppercase;
	color: #F2F2F2;	

}

.nav-link: hover{
		
}

.siteContent {

	padding:10px;	
}

.footer {
	
	background: #000000;
	color: #FFFFFF;
	text-align: center;	
	
}


@media screen and (max-width:1000px) {

	.face_img {
		margin-right: 5px; 
		margin-top: 5px;
		height: 250px;
	}
	
	.office_img {
		width: 80%;
		margin: 0px auto; 
	}
}

@media screen and (max-width:800px) {

	.face_img {
		margin-right: 5px; 
		margin-top: 5px;
		height: 200px;
	}
}