@charset "utf-8";
/* CSS Document By developer Paula George */
.fb_page{ 
position:absolute;
top:400px;
right:0px;



}
.button_fb_page { 
position:static;
float:right;
width:30px;
height:50px;
border-radius:;
border-radius:30px 0px 0px 30px ;
-webkit-filter:grayscale(1);
filter:grayscale(1);
cursor:pointer;
}
.button_fb_page:hover {
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
}
.fb_iframe { 
position:static;
float:right;



}
body {
	background:url(../img/background.jpg);
	background-attachment:fixed;
	background-size:cover;
	overflow:auto;
	background-repeat:no-repeat;
	

}

.section { 
margin:0px;
width:100%;
padding:25px 0px 25px 10px ;
position:static;
border-top:#CCC solid thin;
color:#333333;
overflow:hidden;
word-wrap:break-word;
background-color:#FFF;
}
.section h1 { 
position:static;
float:left;
font-size:45px;
font-weight:bold;
padding-left:30px;
color:#FF6600;
}
.section p {
	padding-left:45px;
	display:block;
	width:100%;
	padding-right:10px;
	word-wrap:break-word;
	color:#333333 !important;
	font-size:2vw !important;
	
}
.section p a {
	color:#0066FF;
	text-decoration:underline;
	
}
.section p a:hover {
	color:#000099;
	text-decoration:underline;
	
}
.section p:first-letter{
    font-size:300%;
    float:left;
    padding-right:10px;
}
.section img {
	
	
}
.smallgallery { 
width:100%;
border-top:#CCC solid thin;
position:relarive;
background-color:#FFF;
}
.smallgallery .gallery-container {
max-width: 850px;
width:80%;
display: block;
margin: auto;
}
.smallgallery .s-g1 ,.s-g2,.s-g3 ,.s-g4 {
width:200px;
position:static;
float:left;
display:none;
margin:5px;
}
.s-g1 .g1 ,.s-g2 .g2 ,.s-g3 .g3 ,.s-g4 .g4{
filter: grayscale(1);
width:100%;
height:200px;
transition:all 0.2s;
}

.s-g1 p {
font-size:10px;
}
.s-g1 img:hover,.s-g2 img:hover ,.s-g3 img:hover ,.s-g4 img:hover {
cursor:pointer;
filter: grayscale(0);

}
.s-g1 img:active {
position:fixed;

top:10%;
width:50%;
max-width:1000px;
height:55%;
filter:blur(0px);
margin:0px auto;
}
.section_t{
background-color: rgba(0, 0, 212, 0.3);
width:100%;
padding:25px;

}
.section_t h1 {
	text-align:center;
	font-size:10vw;
	color:#FFF;
}
.section_t p {
	text-align:center;
	font-size:30px;
	color:#FFF;
}

.section_t a { 
border:#FFFFFF solid 2px;
border-radius:150px;
color:#FFF;
display:block;
margin:0 auto;
text-align:center;
width:50%;
max-width:300px;
padding:5px 10px 5px 10px  ;
font-weight:bold;
font-size:3vw;
transition:all 1s;

}
.section_t a:hover { 
background-color:#FFF;
color:#000066;

}
.logos {
	background-color:#FFF;
	width:100%;
	padding:10px;
	display:table;
}
.logos .logo_container { 

display: table-cell;
vertical-align: middle;
text-align:center;

}
.logo_container img{
	display:inline-block;
	width: 150px;
    height: 100px;
	margin:15px;
    background-color: red;
    display: inline-block;
    vertical-align: top; 
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
	transition:filter 2s;
	cursor:pointer;
}
.logo_container img:hover { 
-webkit-filter:grayscale(0);
filter:grayscale(0);
}

@media screen and (max-width:700px ) { 
.section p {
	font-size:15px !important;
	
	
}



}
@media screen and (max-width:400px) { 

.section_t a { 
font-size:20px;

}
.section_t p { 
font-size:17px;


}
}








