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



body {
	font-size: 60%;
	text-decoration: none;
	text-align: left;
	width: 100%;
	margin: 0px;
	border: 0;
	background-color: #0D2A30;
	color: #ffffff;
}

.header {
	float: left;
	width: 90%;
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 0%;
	padding-top: 0%;
	background: linear-gradient(
  -55deg,
  #0D2A30 0%,
  #24A3BE 39%,
  #D14081 39%,
  #D14081 41%,
  #0D2A30 41%,
  #24A3BE 100%
);
/* The rectangle in which to repeat. 
   It can be fully wide in this case */
background-size: 100% 100%;
	
	margin: 0rem;
}

.container  {
	float: left;
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	clear: both;	
}

.logo {
	float: left;
	width: 100%;
}

.lines {
	float: left;
	width: 100%;
	padding-top: 0rem;
	padding-bottom: 0rem;
	margin-top: 5rem;
	margin-bottom: 1rem;
	border-top-style: solid;
	border-top-color: #D14081;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #D14081;
	border-bottom-width: 4px;
}

.lines2 {
	float: left;
	width: 100%;
	padding-top: 0rem;
	padding-bottom: 0rem;
	margin-top: 2rem;
	margin-bottom: 1rem;
	border-top-style: solid;
	border-top-color: #24A3BE;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #24A3BE;
	border-bottom-width: 1px;
}

.block {
	float: left;
	width: 100%;
	padding: 0rem;
	margin-top: 2rem;
	margin-bottom: 3rem;
}

.row {
	float: left;
	width: 100%;
	padding: 0rem;
	margin: 0rem;
}



.text  {
	float: left;
	width: 99%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}





.photobig {
	float: left;
	width: 32.33%;
	padding: 0.5%;
	margin: 0rem;
}

@media screen and (max-width: 800px) {
.photobig {
	float: left;
	width: 100%;
	padding: 0rem;
	margin: 0rem;
}
}



.photo {
	float: left;
	width: 32.33%;
	padding: 0.5%;
	margin: 0rem;
}





.full width {
	float: left;
	width: 100%;
	padding: 0rem;
	margin: 0rem;
}



.third {
	float: left;
	width: 32.33%;
	padding: 0.5%;
	margin-bottom: 1rem;
}

@media screen and (max-width: 800px) {
.third {
	float: left;
	width: 100%;
	padding: 0rem;
	margin: 0rem;
}
}

.half {
	float: left;
	width: 50%;
	padding: 0rem;
	margin: 0rem;
}

@media screen and (max-width: 800px) {
.half {
	float: left;
	width: 100%;
	padding: 0rem;
	margin: 0rem;
}
}

.thirdlink {
	float: left;
	width: 32.33%;
	padding: 0.5%;
	margin: 0rem;
}

.link {
	float: left;
	width: 100%;
	padding: 0rem;
	margin-top: 1rem;
	margin-bottom: 1rem;
	margin-left: 0rem;
	margin-right: 0rem;
	display: block;
	color: #ffffff;
	text-decoration: none;
	border-top-style: solid;
	border-top-color: #D14081;
	border-top-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #D14081;
	border-bottom-width: 1px;
}

.link:link {
}

.link:visited {
}

.link:hover {
	background-color: #D14081;
}

.link:active {
    background-color: #D14081;
}