@charset "UTF-8";

/* CSS - Sense Sitter | Codificado por: Ueek Agência Digital | Ano: 2020 */

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

	header#fixed-header { padding: 45px 50px; }

	header#fixed-header nav#menu ul#site { margin-right: 45px; }

	#big-head { padding-top: 25px; }

	#big-head .container-fluid { padding: 0 50px; }

	#big-head header img { margin-top: 25px; }

	#big-head header nav#menu ul#site { margin-right: 40px; }

	#big-head section#intro-cta { margin-top: 90px; }

	#big-head section#intro-cta p { width: 70%; }

	#big-head section#intro-cta #ctas h2 { margin: 30px 0 25px; }

	#big-head section#intro-cta #ctas button {
	    font-size: 17px;
	    height: 60px;
	    padding: 16px 22px;
	}

	article#about-solene { padding: 0 50px; }

	article#about-solene .txt { margin-left: 120px; }

	section#clients { margin-top: 70px; }

	section#clients #carousel-depoiments-clients { padding: 0 0 70px; }

	section#our-professionals { padding: 90px 0 40px; }

	footer #development p { width: 35vw; }

	article#text-solene { padding: 60px 0 60px; }

	#login-area .header {
	    height: 33vh;
	    padding: 50px 70px 50px 60px;
	}

	#login-area { width: 32vw; }

}

/* Notebooks */
@media only screen and (max-width: 1440px) {

	#big-head {
	    background-size: 55vw;
	    padding-top: 45px;
	}

	#big-head:before { width: 60vw; }

	#big-head header nav#menu {
	    display: block;
	    position: relative;
	}

	#big-head header nav#menu ul#site { margin-right: 0; }

	#big-head header nav#menu ul#login {
	    position: absolute;
	    right: 0;
	    top: -35px;
	}

	#big-head header nav#menu ul#login li { font-size: 13px; }

	#big-head section#intro-cta { margin-top: 65px; }

	article#about-solene img { width: 32%; }

	section#about .container article { margin-left: 13%; }

	footer #development p { width: 37vw; }

	article#text-solene #thumbnail {
	    border-radius: 20px 20px 240px 65px;
	    margin-right: 110px;
	    height: 530px;
	    width: 415px;
	}

	article#text-about .column-text {
	    width: 45%;
	}

	article#text-about .column-text:last-child {
	    margin-left: 100px;
	    width: 54%;
	}

	article#text-about .column-text p#quote { margin-top: 80px; }

	#login-area { width: 40vw; }

}

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

	header#fixed-header img {
	    margin-top: 10px;
	    width: 240px;
	}

	header#fixed-header nav#menu ul#site li:last-child { margin-right: 0 }

	#big-head { height: 115vh; }

	#big-head:before { width: 57vw; }

	#big-head .girl-overlay {
	    bottom: 25px;
	    height: 89vh;
	    right: 7vw;
	    width: 56vw;
	}

	#big-head section#intro-cta p { width: 100%; }

	#big-head section#intro-cta #intro h1 { font-size: 27px; }

	#big-head #know-bar { padding: 35px 0 30px; }

	article#about-solene { justify-content: space-between; }

	article#about-solene .txt { margin-left: unset; }

	article#about-solene .txt h1 { font-size: 24px; }

	section#about .container { justify-content: space-around; }

	section#about .container img { height: 565px; }

	section#about .container article h1 { font-size: 24px; }

	section#about .container article p { margin: 15px 0 30px; }

	section#about .container article #values {
	    display: grid;
        grid-gap: 15px;
	    grid-template-columns: repeat(3, 1fr);
	}

	section#about .container article #values .item { 
		margin: 0;
		width: 100%; 
	}

	section#clients h1 { font-size: 24px; }

	section#media { padding: 75px 0; }

	section#media h3 { font-size: 20px; }

	section#create-account p { margin: 25px 0 40px; }

	section#create-account #container-type-accounts {
	    justify-content: center;
	    width: unset;
	}

	section#create-account #container-type-accounts .box {
		height: unset; 
	    width: 385px;
	    margin-right: 15px;
	    margin-left: 15px;
	}

	section#our-professionals { padding: 60px 0 15px; }

	section#our-professionals h2 { font-size: 24px; }

	section#our-professionals #carousel-depoiments-nannies { margin-top: 0px; }

	footer #content-footer #config-language-currency ul#select { margin: -450px 0 0 -45px; }

	footer #development { padding: 24px 0 22px; }

	footer #development .container {
	    display: flex;
	    justify-content: space-between;
	}

	footer #development p {
	    margin-bottom: 0;
	    width: unset;
	}

	footer #development br { display: none; }

	#help {
	    margin: 40px 0;
        padding: 75px 0 70px;
	}

	#help .container { justify-content: space-between; }

	#help .container #content {
	    margin-left: 70px;
	    width: 630px;
	}

	#help .container #content h2 {
	    font-size: 27px;
	    margin-bottom: 25px;
	}

	#help .container #content #boxes {
	    display: grid;
	    grid-gap: 15px;
	}

	#help .container #content #boxes .box-help { 
		margin: 0; 
	    width: 100%;
	}

	article#text-about { 
		align-items: flex-start;
		justify-content: space-between; 
	}		

	article#text-about .column-text:last-child {
	    margin-left: 0;
	    width: 630px;
	}

	article#text-about .column-text > img { width: 90%; }

	article#text-about .column-text #flow { margin: 45px 20px 20px; }

	article#text-about .column-text #flow .step img { height: auto; }

	article#text-solene {
		justify-content: space-between;
		padding: 60px 0 0;
	}

	article#text-solene #thumbnail {
        border-radius: 20px 20px 175px 45px;
	    margin-right: unset;
	    height: 415px;
	    width: 375px;
	}

	article#text-solene #text { width: 630px; }
	
	article#text-solene #text h2 {
	    font-size: 27px;
	    margin-bottom: 35px;
	}

	article#how-work #text-how h1 { font-size: 27px; }

	article#how-work #text-how p { margin: 20px 0 50px; }

	header#title-pricing h1 { font-size: 27px; }

	header#title-pricing { padding: 200px 0 100px; }

	#course-page { padding-bottom: 45px; }

	#course-page header#courses-title h1 { font-size: 27px; }

	#course-page section#highlight { margin-top: 30px; }

	nav#pagination { margin-top: 50px; }

	#cta-course .container-fluid {
	    display: flex;
	    align-items: center;
    	justify-content: center;
	}

	#cta-course .container-fluid h1 { margin-top: 0 }

	#cta-course span { margin: 0 30px 0 18px; }

	#course-item .column-content:last-child h1, 
	#post-page .column-content:last-child h1 { font-size: 35px; }

	#course-item .column-content p, 
	#post-page .column-content p { margin-top: 25px; }

	#course-item .column-content p#quote, 
	#post-page .column-content p#quote { margin-top: 40px; }

	#course-item .column-content form, 
	#post-page .column-content form { margin-top: 45px; }

	#blog header#blog-title h1 { font-size: 27px; }

	#blog section#posts { margin-top: 50px; }

	#contact { padding-bottom: 70px; }

	#contact .column:first-child { padding-top: 10px; }

	#contact .column h1 { font-size: 27px; }

	#contact .column form { margin-top: 50px; }

	#login-area .header { padding: 40px 65px 50px 60px; }

	#login-area .header .content .title {
	    font-size: 16px;
	    line-height: 23px;
	}

	#login-area .header .content .text {
	    font-size: 18px;
	    line-height: 24px;
	}

	#login-area .body { padding: 55px 65px 50px 60px; }

	#login-area .buttons-area .btn {
	    font-size: 16px;
	    height: 56px;
	}

	#login-area .title { margin-top: 0; }

	#login-area .text { margin-bottom: 45px; }

	#ambiental_responsability .content {grid-template-columns: 350px 1fr}

	#ambiental_responsability .content .image{height: 350px;}

	#ambiental_responsability .content .text h2 {
	    font-size: 24px;
	    line-height: 40%;
	}

	#ambiental_responsability .content .text p{margin: 25px 0;}

	#ambiental_responsability .content .text .btn-know-more {
	    font-size: 16px;
	    padding: 10px 15px;
	}

	#plans section.card-plan .price span{font-size: 52px;}

}

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

	header#fixed-header nav#menu ul#site { margin-right: 30px; }

	header#fixed-header nav#menu ul#site li { margin-right: 25px; }

	header#fixed-header nav#menu ul#login li { padding: 0 10px; }

	#big-head section#intro-cta { width: 37vw; }

	#course-item .column-content img, 
	#post-page .column-content img { height: 400px; }

	#login-area { width: 40vw; }

	#login-area .header {
	    height: 30vh;
	    padding: 40px 65px 35px 60px;
	}

	#login-area .nav-tabs .nav-link {
	    font-size: 15px;
	    line-height: 25px;
	}

	#login-area .body { padding: 40px 65px 50px 60px; }

	#login-area .input-area label {
	    font-size: 14px;
	    margin-bottom: 10px;
	}

}

/* Tablets até 1200 */
@media only screen and (max-width: 1200px) {

	#big-head section#intro-cta { margin-top: 50px; }

	#big-head section#intro-cta p { width: 80%; }

	section#clients { margin-top: 35px; }

	section#clients #carousel-depoiments-clients { padding: 0 0 40px; }

	section#our-professionals #carousel-depoiments-nannies .item .card { padding: 0 25px 40px; }

	article#text-about .column-text > img { width: 80%; }

	article#text-about .column-text p#quote { margin-top: 50px; }

	article#text-about .column-text #flow .step img { margin-left: unset; }

}

/* Tablets */
@media only screen and (max-width: 1024px) {

	header#fixed-header { display: none; }

	#menu-mobile { display: flex; }

	#login-area { width: 50vw; }

	#big-head {
	    background-size: 50vw;
		height: 100vh;
	    padding-top: 100px;
	}

	#big-head:before {
	    top: 60%;
	    width: 63vw;
	}

	#big-head .girl-overlay {
	    bottom: 0;
	    height: 85vh;
	    right: 7vw;
	}

	#big-head header { display: none; }

	#big-head section#intro-cta p { width: 65%; }

	#big-head section#intro-cta #ctas { display: none; }

	article#about-solene .txt {
	    padding-left: 30px;
	    width: 50%;
	}

	article#about-solene { padding-top: 65px !important; }

	article#about-solene img { width: 45%; }

	section#about .container article { margin-left: unset; }

	footer #content-footer { 
		flex-direction: column; 
        padding: 45px 35px 10px;
	}

	footer #content-footer #info-footer { width: 100%; }

	footer #content-footer #info-footer p {
	    margin: 25px 0 40px;
	    width: 50%;
	}

	footer #content-footer #info-footer #boxes { 
    	flex-direction: column;
		margin-bottom: 0;
	}

	footer #content-footer #info-footer #boxes .box-content { margin-bottom: 0; }

	footer #content-footer #options { width: 100% }

	footer #content-footer #options > h5 { display: none; }

	footer #content-footer #options nav#menu-footer { display: none; }

	footer #content-footer #options #menus {
	    margin-top: 0;
	    flex-direction: column;
	}

	footer #content-footer ul.menu {
	    margin-bottom: 35px;
	    margin-top: 15px;
	}

	footer #content-footer #config-language-currency ul#select { margin: -490px 0 0 0px; }

	footer #development { padding: 24px 50px 25px; }

	header#fixed-header.fixed-pages { display: none!important; }

	.page { padding-top: 160px; }

	article#text-about {
	    display: flex;
	    flex-direction: column-reverse;
	}

	article#text-about .column-text,
	article#text-about .column-text:last-child { width: 100%; }

	article#text-about .column-text:first-child { padding-top: 30px; } 

	article#text-about .column-text:first-child img { width: 100%; }

	article#text-about .column-text h2 { font-size: 27px; }

	article#text-about .column-text #flow { justify-content: center; }

	article#text-about .column-text p#quote {
	    align-self: flex-end;
	    height: auto;
	    margin-top: 0;
	    width: 100%;
	}

	#help .container { flex-direction: column; }

	#help .container #content {
	    margin-left: 0;
	    margin-top: 50px;
	    width: 80%;
	}

	article#text-solene { flex-direction: column; }

	article#text-solene #thumbnail { align-self: center; }

	article#text-solene #text {
	    align-self: center;
	    margin-top: 40px;
	    width: 80%;
	}

	article#how-work { 
		align-items: center;
		flex-direction: column; 
    	justify-content: center;
	}

	article#how-work img { 
		align-self: center; 
		margin-bottom: 30px;
	}    

	article#how-work #text-how { 
	    margin-left: 0;
	    width: 80%; 
	}

	article#how-work #text-how .topic {
   		align-items: center;
		display: flex;
	}

	article#how-work #text-how .topic .icon {
	    flex: none;
	    float: unset;
	    margin-right: 25px;
	}

	article#how-work #text-how .topic .txt { float: unset; }

	#categories .container {
		display: flex;
    	justify-content: center;
    }

	#categories .container #content {
	    float: unset;
	    width: 80%;
	}

	header#title-pricing { padding: 160px 0 100px; }

	#plans {
	    display: grid;
        grid-gap: 30px;
	    grid-template-columns: 1fr;
        position: relative;		
        width: 70%;
	}

	#plans section.card-plan { 
	    margin: unset;
	    width: 100%; 
	}

	#course-page section#highlight {
	    align-items: flex-start;
	    flex-direction: column;
	}

	#course-page section#highlight a { width: 100%; }

	#course-page section#highlight p#description {
	    margin-bottom: 20px;
	    margin-top: 20px;
	    width: 50%;
	}

	#course-page section#courses {
	    display: grid;
        grid-gap: 20px;
	    grid-template-columns: 1fr 1fr 1fr;
	    margin-top: 80px;
	}

	#course-page section#courses .course {
	    margin: 0;
	    width: 100%;
	}

	#cta-course { padding: 20px 50px 25px; }

	#contact {
		flex-direction: column-reverse;
	    padding-bottom: 20px;
	}

	#contact .column:last-child { width: 80%; }

	#contact .column form { margin-bottom: 50px; }

	.terms-page {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	.terms-page h1 { 
		font-size: 27px; 
		text-align: left;
	}

	article#faqs {
		align-items: center;
	    flex-direction: column;
	    padding-left: 25px;
	    padding-right: 25px;
	}

	article#faqs #text-faq {
	    margin-left: 0;
	    margin-top: 25px;
	    width: 80%;
	}

	article#faqs #text-faq h1 { font-size: 27px; }

	#plans section.card-plan .discount-area {
		margin: 10px 0 0px;
	}

	#plans section.card-plan .price {
		margin: 20px 0 30px;
	}

}

/* Tablets Menores */
@media only screen and (max-width: 995px) {

	#big-head {
	    background-size: 53vw;
	    height: 90vw;
	}

	#big-head:before { height: 50vw; }

	#big-head .girl-overlay { background-position: bottom; }

	article#about-solene { flex-direction: column; }

	article#about-solene .txt {
		padding-bottom: 45px;
	    padding-left: 0;
	    padding-top: 30px;
	    width: 80%
	}

	article#about-solene img {
	    height: 400px;
	    width: auto;
	    max-width: 100%;
	}

	section#about { padding: 66px 50px; }

	section#about .container {
	    align-items: center;
	    flex-direction: column-reverse;
	}

	section#about .container img {
	    margin-top: 60px;
	    margin-left: 50px;
	    height: 450px;
	}

	section#about .container article { width: 100%; }

	article#text-about {
	    padding-left: 35px;
	    padding-right: 35px;
	}

	#help .container #content { width: 100%; }

	#help .container {
	    padding-left: 35px;
	    padding-right: 35px;
	}

	#help .container #content #boxes .box-help {
	    height: unset;
	    padding: 40px 20px 22px;
	}

	article#text-solene {
		padding-left: 35px;
	    padding-right: 35px;
	}

	article#text-solene #text { width: 100%; }

	article#how-work {
	    padding-bottom: 70px;
		padding-left: 35px;
	    padding-right: 35px;
	}

	article#how-work #text-how { width: 100% }

	#categories .container {
	    padding-left: 35px;
	    padding-right: 35px;
	}

	#categories .container #content { width: 100%; }

	header#title-pricing { padding: 160px 50px 100px; }

	#plans { 
		padding-left: 50px;
	    padding-right: 50px;
	    width: 100%; 
	}

	#course-page,
	#blog {
	    padding-left: 35px;
	    padding-right: 35px;
	}

	#course-page section#courses,
	#blog section#posts { grid-template-columns: 1fr 1fr; }

	#course-item, 
	#post-page {
	    flex-direction: column;
        padding-left: 35px;
    	padding-right: 35px;
	    padding-bottom: 100px;
	}

	#course-item .column-content, 
	#post-page .column-content { width: 100%; }

	#course-item .column-content:last-child, 
	#post-page .column-content:last-child {
	    padding-top: 30px;
	    width: 100%;
	}

	#course-item .column-content p#quote, 
	#post-page .column-content p#quote { width: 65%; }

	#contact {
		padding-left: 35px;
		padding-right: 35px;
	}

	article#faqs #text-faq { width: 100%; }

	#ambiental_responsability {
	    background-size: 160% 80%;
	    background-position: bottom;
	}

	#ambiental_responsability .content {
	    grid-template-columns: 1fr;
	    grid-gap: 0;
	}

	#ambiental_responsability .content .image {
	    height: 290px;
	    width: 290px;
	    margin: auto;
	}

	#ambiental_responsability .content .text {padding: 40px 0 70px}

	.custom-modal .illustra-img img{display: none;}

	.custom-modal .content-modal{max-width: 90%;}

	.custom-modal .steps-begin-form .d-lg-flex .mr-lg-5{margin-bottom: 20px;}
}

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

	#login-area { width: 70vw; }

	#login-area .header {
	    height: 25vh;
	    padding: 50px 65px 55px 60px;
	}

	#big-head {
	    background-size: 45vw;
	    height: 90vh;
	}

	#big-head section#intro-cta { width: 50vw; }

	#big-head .girl-overlay {
	    height: 100%;
	    right: 0vw;
	    width: 65vw;
	}

	footer #content-footer { padding: 45px 25px 10px; }

	article#text-about .column-text:first-child {
	    align-items: center;
	    flex-direction: column;
	}

	article#text-about .column-text img { margin-left: 0; }

	article#text-about .column-text p#quote {
	    align-self: center;
	    margin-top: 0;
	}

	#help .container #content #boxes {
	    grid-template-columns: repeat(2, 1fr);
	}

	header#title-pricing b { margin: 10px 0 0; }

	#course-page section#highlight p#description { width: 75%; }

	#course-page section#highlight a #big-course { 
		align-items: center; 
		justify-content: flex-start;
	}

	#course-page section#highlight a #big-course hr { display: none; }

	#course-page section#highlight a #big-course strong { margin-left: auto; }

	#cta-course hr { display: none; }

	#blog header#blog-title { align-items: center; }

	#contact .column,
	#contact .column:last-child { width: 100%; }

}

/*Celulares*/
@media only screen and (max-width: 680px) {

	#plans section.card-plan .price span{font-size: 35px;}

	#plans section.card-plan .price sup{top: -15px; font-size: 19px;}

	#plans section.card-plan .price{font-size: 18px;}

	.menu-cel { width: 60%; }

	#big-head section#intro-cta { width: 83vw; }

	section#about .container article #values { grid-template-columns: repeat(2, 1fr); }

	section#clients #carousel-depoiments-clients .card {
	    align-items: center;
	    display: flex;
    }

    section#clients #carousel-depoiments-clients .card .info .head { 
    	flex-direction: column; 
    	text-align: center;
    }

    section#clients #carousel-depoiments-clients .card .info .head h2 #stars {
	    display: block;
	    padding-bottom: 10px;
	    padding-left: 0;
	    padding-top: 10px;
	}

	section#create-account #container-type-accounts { flex-direction: column; }

	section#create-account #container-type-accounts .box { margin-bottom: 30px; }

	footer #content-footer #info-footer p { width: 100%; }

	footer #development { padding: 20px 90px 20px; }

	footer #development .container { flex-direction: column; }

	article#text-about .column-text:first-child img { width: 100%; }

	#help .container #content #boxes { grid-template-columns: 1fr; }

	article#how-work img { width: 60%; }

	article#how-work #text-how p { margin: 20px 0 35px; }

	#plans { grid-template-columns: 1fr; }

	#course-page header#courses-title,
	#blog header#blog-title {
	    align-items: flex-start;
	    display: flex;
        flex-direction: column;
	}

	#course-page header#courses-title h1,
	#blog header#blog-title h1 { margin-bottom: 20px; }

	#course-page header#courses-title #input-group,
	#blog header#blog-title #input-group { width: 100%; }

	#course-page header#courses-title #input-group input[type="text"],
	#blog header#blog-title #input-group input[type="text"] { width: 91%; }

	#course-page section#highlight { margin-top: 45px; }

	#course-page section#courses, 
	#blog section#posts { grid-template-columns: 1fr; }

	#cta-course .container-fluid { display: block; }

	#cta-course h1 {
	    display: inline-block;
	    float: unset;
	}

	#cta-course span {
	    display: block;
	    float: unset;
	    margin: 10px 0 0;
	    width: 60%;
	}

	#cta-course button {
	    position: absolute;
	    right: 70px;
	    top: 60px;
	}

	#cta-course br { display: none; }

	#course-item .column-content img, 
	#post-page .column-content img { 
		height: unset;
		width: 100%; 
	}

	#course-item .column-content p#quote, 
	#post-page .column-content p#quote { width: 95%; }


	#ambiental_responsability .content .image {
	    height: 260px;
	    width: 260px;
	}

	#ambiental_responsability {background-size: 240% 80%}

	#ambiental_responsability .content .text {padding: 50px 20px 70px}
}

/** iPhone 6/7/8 Plus */
@media only screen and (max-width: 425px) {

	#gift-card {
	    bottom: 30px;
	    right: 20px;
	}

	#menu-mobile { padding: 40px 25px 25px; }

	.menu-cel { width: 85%; }

	.menu-cel .login a { padding: 0 10px; }

	#login-area {
	    background: #F9F9F9;
	    height: 90vh;
	    top: 103px;
	    width: 100vw;
	    z-index: 2;
	}

	#login-area .header {
	    height: 20vh;
	    padding: 35px 25px 35px 25px;
	}

	#login-area .body { padding: 30px 25px 100px; }

	#big-head {
	    background-size: 15vw;
	    height: 100vh;
	}

	#big-head:before {
	    height: 70vw;
	    top: 70%;
	    width: 60vw;
	}

	#big-head .container-fluid { padding: 0 25px; }

	#big-head section#intro-cta #intro h1 {
	    font-size: 24px;
	    line-height: 31px;
	}

	#big-head section#intro-cta #intro hr {
	    margin-top: 20px;
	    margin-bottom: 12px;
	}

	#big-head section#intro-cta p {
	    font-size: 14px;
	    width: 70%;
	}

	#big-head .girl-overlay {
	    right: -25vw;
	    width: 50vh;
	}

	#big-head #know-bar nav#social { display: none; }

	article#about-solene img {
	    height: unset;
	    width: 89vw;
	}

	article#about-solene .txt { width: 100%; }

	article#about-solene { padding: 0 25px; }

	section#about { padding: 66px 25px; }

	section#about .container img {
	    height: unset;
	    width: 70vw;
	}

	section#clients .container {
	    padding-left: 25px;
	    padding-right: 25px;
	}
    
    section#clients #carousel-depoiments-clients .card { padding: 40px 30px 35px; }

    section#create-account { padding: 90px 25px 50px; }

    section#create-account #container-type-accounts .box { width: 100%; }

    footer #development { padding: 20px 25px 20px; }

    .page { padding-top: 140px; }

    article#text-about {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	article#text-about .column-text #flow { 
		flex-direction: column; 
	    margin: 30px 20px 20px;
	}

	article#text-about .column-text #flow .step {
	    background: url(../../../img/arrow-down.svg) bottom 25px center no-repeat;
	    height: unset;
	    padding-right: 0;
	    padding-bottom: 105px;
        width: 100%;
	}

	article#text-about .column-text #flow .step:last-child { padding-bottom: 0; }

	article#text-about .column-text #flow .step h6 { margin-top: 10px; }

	article#text-about .column-text p#quote {
	    height: auto;
        padding: 20px 30px;
	    width: 100%;
	}

	#help { margin: 40px 0 0; }

	#help .container {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	#help .container #content { margin-top: 10px; }

	#help .container img { width: 75%; }

	article#text-solene {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	article#text-solene #thumbnail { width: 100%; }

	article#how-work {
	    padding-bottom: 50px;
	    padding-left: 25px;
	    padding-right: 25px;
	}

	article#how-work img { width: 65%; }

	article#how-work #text-how .topic {
	    align-items: flex-start;
	    height: unset;
	}

	header#title-pricing { padding: 160px 25px 100px; }

	header#title-pricing b { margin: 5px 0 0; }

	#plans {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	#course-page header#courses-title #input-group input[type="text"], 
	#blog header#blog-title #input-group input[type="text"] { width: 90%; }

	#course-page section#highlight { margin-top: 30px; }

	#course-page section#highlight a { padding: 275px 25px 0; }

	#course-page section#highlight p#description { width: 100%; }

	#course-page section#highlight a #big-course { 
		align-items: flex-start; 
	    flex-direction: column;
	    position: relative;
	}

	#course-page section#highlight a #big-course h2 { margin-bottom: 10px; }

	#course-page section#highlight a #big-course span#duration { margin: 0; }

	#course-page section#highlight a #big-course strong {
	    position: absolute;
	    right: 0;
	    top: 25px;
	}

	nav#pagination ul li { padding: 0 20px; }

	#cta-course { padding: 15px 25px 15px; }

	#cta-course .container-fluid {
	    display: flex;
	    justify-content: space-between;
	}

	#cta-course span { display: none; }

	#cta-course button {
    	float: right;
		position: unset;
    }

	#course-item, 
	#post-page {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	#course-item .column-content p#quote, 
	#post-page .column-content p#quote {
	    padding: 20px 30px;
        width: 100%;
	}

	#course-item .column-content:last-child h1, 
	#post-page .column-content:last-child h1 { font-size: 27px; }

	#contact {
	    padding-left: 25px;
	    padding-right: 25px;
	}

	#contact .column form input[type="text"],
	#contact .column form input[type="password"],
	#contact .column form input[type="email"],
	#contact .column form textarea { margin-bottom: 30px; }

	#contact .column form #input-group {
	    flex-direction: column;
	    margin: 0;
	}

	#contact .column form #input-group input { width: 100%; }

	article#faqs {
	    height: unset;
	    width: 100%;
	}

	article#faqs img {
		height: unset;
    	width: 100%;
	}

	article#faqs #text-faq #input-group input[type="text"] { width: 92%; }

	#accordion-list .topic .trigger h3 { width: 70%; }

	#ambiental_responsability {background-size: 440% 80%}

}

/** iPhone 6/7/8 **/
@media only screen and (max-width: 375px) {

	#gift-card-modal header h2 { font-size: 20px; }

	#login-area .login-error { margin-top: 20px; }

	#login-area .buttons-area { margin-top: 40px; }

	#big-head .girl-overlay { right: -35vw; }

	#big-head:before {
	    top: 80%;
	    width: 55vw;
	}

	/*section#create-account .container img { width: 185px; }*/

	section#about .container article #values { grid-template-columns: 1fr; }

	section#about .container article #values .item { height: 165px; }

	section#about .container article #values .item .icon { margin-top: 25px; }

	article#text-about .column-text:first-child img {
	    height: unset;
    	width: 100%;
	}

	#course-page header#courses-title #input-group input[type="text"], 
	#blog header#blog-title #input-group input[type="text"] { width: 87% }

	#course-page section#highlight a {
	    height: 330px;
	    padding: 250px 25px 0;
	}

	#course-item, 
	#post-page { padding-bottom: 40px; }

	#carousel-photos .item { height: 270px; }

	nav#pagination { margin-top: 15px; }

	nav#pagination ul li { padding: 0 15px; }

	article#how-work #text-how .topic { padding: 30px; }

}

/** iPhone 5 e SE **/
@media only screen and (max-width: 320px) {

	.menu-cel { width: 100%; }

	#login-area .header { height: 30vh; }

	#big-head:before { display: none; }

	#big-head .girl-overlay {
	    right: -40vw;
	    width: 55vh;
	}

	#big-head section#intro-cta { margin-top: 0; }

	#big-head section#intro-cta #intro h1 {
	    font-size: 21px;
	    line-height: 31px;
	}

	#big-head section#intro-cta p { width: 62%; }

	#course-page header#courses-title #input-group input[type="text"], 
	#blog header#blog-title #input-group input[type="text"] { width: 85%; }

	#course-page section#highlight a { padding: 205px 25px 0; }

	#course-page section#highlight a #big-course strong {
	    position: unset;
	    margin-left: unset;
	    margin-top: 20px;
	}

	#carousel-photos .item { height: 200px; }

	#categories #content img { width: 210px; }

	#accordion-list .topic .trigger h3 {
	    font-size: 18px;
	    line-height: 24px;
	    margin-left: 15px;
	    margin-top: 6px;
	    width: 65%;
	}

}