/* Section */

section.main section{

background-color: rgba(255,255,255,0.9);

}



/* Flex */

.flex {

display: -ms-flexbox;

-ms-flex-wrap: nowrap;

-ms-flex-pack: justify;

-ms-flex-align: stretch;

display: -moz-flex;

display: -webkit-flex;

display: -ms-flex;

display: flex;

-moz-flex-wrap: nowrap;

-webkit-flex-wrap: nowrap;

-ms-flex-wrap: nowrap;

flex-wrap: nowrap;

-moz-justify-content: space-between;

-webkit-justify-content: space-between;

-ms-justify-content: space-between;

justify-content: space-between;

-moz-align-items: stretch;

-webkit-align-items: stretch;

-ms-align-items: stretch;

align-items: stretch;

}



.flex.flex-3 .flex-item {

-ms-flex: 0 1 auto;

-ms-flex-preferred-size: 30%;

-moz-flex-basis: 30%;

-webkit-flex-basis: 30%;

-ms-flex-basis: 30%;

flex-basis: 30%;

}



.flex.flex-3 .flex-item.left {

text-align: right;

}



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



.flex {

-ms-flex-wrap: wrap;

-moz-flex-wrap: wrap;

-webkit-flex-wrap: wrap;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

}



.flex.flex-3 .flex-item {

-ms-flex-preferred-size: 100%;

-moz-flex-basis: 100%;

-webkit-flex-basis: 100%;

-ms-flex-basis: 100%;

flex-basis: 100%;

}



.flex.flex-3 .flex-item.left {

text-align: right;

}



}



#banner {

padding: 14em 0 12em 0;

background-image: url('/img/photo-1523390218733-2e5b84cd6975.jpg');

background-size: cover;

background-position: center top;

background-repeat: no-repeat;

text-align: center;

}



#banner .content {

-moz-transition: opacity 1s ease-in-out, -moz-transform 0.75s ease-in-out;

-webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.75s ease-in-out;

-ms-transition: opacity 1s ease-in-out, -ms-transform 0.75s ease-in-out;

transition: opacity 1s ease-in-out, transform 0.75s ease-in-out;

opacity: 1;

}



#banner h1 {

font-size: 3em;

color: #25a2c3;

line-height: 1em;

margin: 0 0 0.5em 0;

padding: 0;

}



#banner p {

/* font-size: 1.25em; */

margin-bottom: 1.75em;

}



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



#banner {

padding: 12em 0 10em 0;

}



}



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



#banner {

padding: 8em 6em 6em 6em;

}



#banner br {

display: none;

}



#banner h1 {

font-size: 2.25em;

}



}



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



#banner {

padding: 6em 4em 4em 4em;

}



}



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



#banner {

padding: 4em 2em 2em 2em;

}



#banner h1 {

font-size: 2em;

}



#banner p {

font-size: 1em;

}



#banner .button {

font-size: .9em;

}



}

#one .inner {

margin-bottom: 2em;

}



#one .flex-item {

display: -ms-flexbox;

-ms-flex-wrap: wrap;

-ms-flex-pack: justify;

display: -moz-flex;

display: -webkit-flex;

display: -ms-flex;

display: flex;

-moz-flex-wrap: wrap;

-webkit-flex-wrap: wrap;

-ms-flex-wrap: wrap;

flex-wrap: wrap;

-moz-justify-content: space-between;

-webkit-justify-content: space-between;

-ms-justify-content: space-between;

justify-content: space-between;

-moz-align-items: stretch;

-webkit-align-items: stretch;

-ms-align-items: stretch;

align-items: stretch;

}



#one .flex-item.left div:first-child, #one .flex-item.right div:first-child {

padding-top: 1em;

}



#one .flex-item.left div:last-child, #one .flex-item.right div:last-child {

-moz-align-self: -moz-flex-end;

-webkit-align-self: -webkit-flex-end;

-ms-align-self: -ms-flex-end;

align-self: flex-end;

}



#one .flex-item.left div p, #one .flex-item.right div p {

margin-bottom: 1em;

}



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



#one .flex-item.left div:first-child, #one .flex-item.right div:first-child {

padding-top: 0;

}



#one .flex-item.left div p, #one .flex-item.right div p {

margin-bottom: 0;

}



}



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



#one .flex-item {

-moz-flex-direction: column;

-webkit-flex-direction: column;

-ms-flex-direction: column;

flex-direction: column;

text-align: center;

}



#one .flex-item.left br, #one .flex-item.right br {

display: none;

}



#one .flex-item.left div:first-child, #one .flex-item.right div:first-child {

padding-top: 0;

}



#one .flex-item.left div:last-child, #one .flex-item.right div:last-child {

-moz-align-self: center;

-webkit-align-self: center;

-ms-align-self: center;

align-self: center;

}



#one .flex-item.left div p, #one .flex-item.right div p {

margin-bottom: 2em;

}



}



#one .image.fit {

margin: 0;

}



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



#one .image.fit {

margin: 0 auto 2em auto;

max-width: 60%;

}



}



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

	#one .image.fit {

	margin: 0 auto 2em auto;

	max-width: 90%;

	}

}



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



	#two blockquote br {

	display: none;

	}



}



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



#three {

text-align: center;

}



}



.inner {

margin: 0 auto;

max-width: 65em;

}



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



.inner {

max-width: 90%;

}



}



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



.inner {

max-width: 70%;

}



}



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



.inner {

max-width: 85%;

}



}

/* Wrapper */



.wrapper {



background-color: rgba(255,255,255,0.9);

padding: 6em 0 4em 0;

}



.wrapper h1, .wrapper h2, .wrapper h3, .wrapper h4, .wrapper h5 {

color: #25a2c3;

}



.wrapper.style1 {

background: #f6755e;

color: #fcdcd6;

}



.wrapper.style1 h1, .wrapper.style1 h2, .wrapper.style1 h3, .wrapper.style1 h4, .wrapper.style1 h5 {

color: #fff;

}



.style2{

	padding-left: 2rem!important;

	padding-right: 2rem!important;

}

.last{

	padding-top: 1rem!important;

	padding-bottom: 2rem!important;

}



.wrapper.style1 cite.author {

color: #fff;

}



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



.wrapper {

padding: 3em 0 1em 0;

}



}



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

.wrapper {

padding: 2em 0 0.1em 0;

}

}

/* Image */



.image {

border: 0;

display: inline-block;

position: relative;

}



.image img {

display: block;

}



.image.left, .image.right {

max-width: 40%;

}



.image.left img, .image.right img {

width: 100%;

}



.image.left {

float: left;

padding: 0 1.5em 1em 0;

top: 0.25em;

}



.image.right {

float: right;

padding: 0 0 1em 1.5em;

top: 0.25em;

}



.image.fit {

display: block;

margin: 0 0 2em 0;

overflow: hidden;

width: 100%;

}



.image.fit img {

transition: transform .2s; /* Animation */

width: 100%;

}

.image.fit img:hover {

  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */

}



.round {

width: 350px;

height: 350px;

position: relative;

overflow: hidden;

border-radius: 50%;

}

.round .img-round{

display: inline;

margin: 0 auto;

height: 100%;

width: auto;

}



.image.main {

display: block;

margin: 0 0 3em 0;

width: 100%;

}



.image.main img {

width: 100%;

}

/* Footer */



#footer {

padding: 2em 0 2em 0;

background: #25a2c3;

text-align: center;

color: #c8e7f0;

}



#footer h2 {

color: #fff;

}



#footer .icon {

color: #f6755e;

}



#footer a {

color: #c8e7f0;

text-decoration: none;

}



#footer ul li {

padding: 0 2em;

}



#footer .copyright {

display: inline-block;

color: #a7d9e7;

font-size: 0.75em;

margin: 0 0 2em 0;

padding: 0;

text-align: center;

border-top: 1px solid rgba(255, 255, 255, 0.25);

padding: 2em 10em;

}



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



#footer {

padding: 2em 0 2em 0;

}



#footer ul li {

display: block;

padding: .25em 0;

}



}



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



#footer .copyright {

padding: 2em 5em;

}



}



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



#footer {

padding: 2em 0 2em 0;

}



#footer ul li {

font-size: .9em;

}



#footer ul li .icon:before {

	margin-left: -1em;

}



#footer .copyright {

padding: 2em 0;

}



}

.btn-big{

  font-size: 2.5rem;

}

.btn-big span{

  font-size: 3.5rem;

}



/* Box */

.box.none {

border: none;

}

.box {

border-radius: 4px;

border: solid 1px #dee1e3;

margin-bottom: 2em;

overflow: hidden;

}



.box > :last-child,

.box > :last-child > :last-child,

.box > :last-child > :last-child > :last-child {

margin-bottom: 0;

}



.box .image.fit {

margin: 0;

}



.box .content {

padding: 1.5em;

}



.box.alt {

border: 0;

border-radius: 0;

padding: 0;

}



#two .inner{

max-width: 600px;

}