﻿/*
Theme Name: The Bear Project
Author: Academos Team
Description: The Bear Project
Version: 1.0
*/

.gallery-caption {
	font-size: 0.7em;
	text-align: justify;
	padding: 0 10px 0 10px;
}


body {
	margin: 0 auto; 
	background: #fafafa;
	font-family: 'Open Sans', sans-serif;
	color: #333333;
}

img {
    max-width: 100%;
    height: auto;
}


#container {
	width: 100%;
	margin: 0 auto;
}


header {
	background-color: #ffffff;
	width: 80%;
	padding-left: 5%;
	padding-right: 5%;
	margin: 0 auto;
	/*max-width: 960px;*/
}

header img {
	margin: 0 auto;
}


section {
	max-width: 1024px;
	margin: 0 auto;
}

article {
	text-align: justify;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 10px;
	background: #ffffff;
	border: 1px solid #aaaaaa;
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	box-shadow: 2px 2px 2px #aaaaaa;
	width: 80%;
	margin: 0 auto;
}

aside {
	padding-left: 5%;
	padding-right: 5%;
	padding-bottom: 20px;
	margin-top: 50px;
	margin-bottom: 30px;
}

aside h2 {
	margin-bottom: 50px;
}

footer {
	width: 100%;
	background-color: #008000;
  background-image: -webkit-linear-gradient(top, #008000, #006b00);
  background-image: -moz-linear-gradient(top, #008000, #006b00);
  background-image: -ms-linear-gradient(top, #008000, #006b00);
  background-image: -o-linear-gradient(top, #008000, #006b00);
  background-image: linear-gradient(to bottom, #008000, #006b00);
	margin: 0 auto;
}

.content {
	margin: 0 auto;
	padding-left: 5%;
	padding-right: 5%;
	padding-top: 20px;
	padding-bottom: 20px;
	color: #fafafa;
	font-size: 0.9em;
}


.content a {
	color: #fafafa;
	text-decoration: none;
}

.content a:hover {
	color: #ccc;
}
.text-align-left {
	text-align: left;
}


.full-corner {
	border-bottom-right-radius: 25px;
	border-bottom-left-radius: 25px;
	height: 25px;
	background-color: #fafafa;
}



.btn {
 display: block;
  background: #008000;
  background-image: -webkit-linear-gradient(top, #008000, #006b00);
  background-image: -moz-linear-gradient(top, #008000, #006b00);
  background-image: -ms-linear-gradient(top, #008000, #006b00);
  background-image: -o-linear-gradient(top, #008000, #006b00);
  background-image: linear-gradient(to bottom, #008000, #006b00);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  color: #ffffff;
  font-size: 1.6em;
  padding: 15px 20px 15px 20px;
  text-decoration: none;
}

.btn:hover {
  background: #09a809;
  background-image: -webkit-linear-gradient(top, #09a809, #008000);
  background-image: -moz-linear-gradient(top, #09a809, #008000);
  background-image: -ms-linear-gradient(top, #09a809, #008000);
  background-image: -o-linear-gradient(top, #09a809, #008000);
  background-image: linear-gradient(to bottom, #09a809, #008000);
  text-decoration: none;
}


.col-1 {
	width: 45%;
	float: left;
	text-align: center;
}

.col-2 {
	width: 45%;
	float: right;
	text-align: center;
}

.clear {
	clear: both;
}

h1 {
	font-weight: bold;
	color: #008000;
	font-size: 1.8em;
}

h2 {
	font-weight: bold;
	color: #008000;
	font-size: 1.4em;
}



	
@media all and (max-width: 900px) {
	body {
	}
}
	

