.bold { font-weight: 600; }
.container-magazine small { font-size: 14px; opacity: 0.6; }

.container-magazine h1 { font-size:24px!important; line-height:120%!important; }
.container-magazine h2 { font-size:24px!important; line-height:120%!important; }
.container-magazine h3 { font-size:24px!important; line-height:120%!important; }
.container-magazine h4 { font-size:24px!important; line-height:120%!important; }

.container-magazine ul { list-style: disc; padding: 10px; margin: 10px; }
.green { color: #809366; }
.uppercase { text-transform: uppercase; }
.first-letter::first-letter { font-size: 400%; font-weight: 100; font-family: 'GT Super Display', serif; font-style: italic;  padding: 0 10px 0 0;  margin: -5px 0 0 0; float: left; color: #809366; }

.container-magazine { width: 100%; padding:0; margin:0; }
.boxed { max-width: 1240px; margin: 0px auto!important; }
.full-width { max-width: 100%; margin: 0px auto; }


.subtitle { font-family: 'GT Super Display', serif; font-weight: 400; font-style: italic; }
.text-35 { font-size: 24px; padding: 5px 10px; margin: 0; line-height: 40px; }
.text-30 { font-size: 22px; line-height: 35px; }
.text-25 { font-size: 22px; line-height: 30px; }
.text-20 { font-size: 20px; line-height: 25px; }
.text-18 { font-size: 18px; line-height: 20px; }

.container-magazine p { text-align: justify; }

.img-responsive { width: 100%; height: auto; }
.p-0 { padding:0px!important; }
.p-2 { padding:20px!important; }
.p-3 { padding:30px!important; }
.p-4 { padding:40px!important; }
.m-0 { margin:0px!important; }
.m-2 { margin:20px!important; }
.m-3 { margin:30px!important; }
.m-4 { margin:40px!important; }

.text-justify, .text-justify p { text-align:justify!important; }
.text-center, .text-center p { text-align:center!important; }
.text-right, .text-right p { text-align:right!important; }
.text-left, .text-left p { text-align:left!important; }

.pb-2 { padding-bottom:20px!important; }
.pb-3 { padding-bottom:30px!important; }
.pb-4 { padding-bottom:40px!important; }
.pt-2 { padding-top:20px!important; }
.pt-3 { padding-top:30px!important; }
.pt-4 { padding-top:40px!important; }
.mb-2 { margin-bottom:20px!important; }
.mb-3 { margin-bottom:30px!important; }
.mb-4 { margin-bottom:40px!important; }
.mt-2 { margin-top:20px!important; }
.mt-3 { margin-top:30px!important; }
.mt-4 { margin-top:40px!important; }

.hidden-mobile { display: block; }
.hidden-desktop { display: none; }

.row-magazine {     
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}

.col-2 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
}

.col-3 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
}

.col-4 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.col-6, .col-6-mb {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.col-8 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
}

.col-12 {
	-webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.col-12, .col-8, .col-6, .col-4, .col-3, .col-2 {
	position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;	
 }

.flex-content { margin: auto 0px; }

*, ::after, ::before {
    box-sizing: border-box;
}

.separator { margin: 20px 0; padding: 10px 0; border-bottom: 1px solid #dedede; }
.separator-vertical { margin: 0 10px; padding: 0 10px; border-right: 1px solid #dedede; }
.separator-vertical-green { margin: 0; padding: 0 10px; border-right: 1px solid #809366; }
.separator-invisible { margin: 40px 0; border-bottom: 1px solid transparent; }

.text-white { color: #FFFFFF!important; }
.bg-gray { background: #EFEFEF; padding: 60px; }
.bg-black { background: #000000; padding: 60px; color: #FFFFFF; }
.bg-black .bg-image { border-color: #000000; }
.bg-green { background: #809366; padding: 60px; color: #FFFFFF; }
.bg-image { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; border-left: 6px solid #FFFFFF; border-right: 6px solid #FFFFFF; }
.bg-image-row { background-repeat: no-repeat; background-size: cover; background-attachment: fixed; background-position: 50% 50%; padding: 80px; margin: 0; position: relative; }
.bg-image-row:before { content: ""; width: 100%; height: 100%; padding: 0; margin: 0; display: block; position: absolute; top: 0; left: 0; background: #000000; opacity: 0.5; }

@media (max-width: 992px) {
    .reverse { flex-direction: column-reverse; flex-wrap: inherit; }
	.boxed { padding: 15px; }

    .container-magazine h1 { font-size:22px!important; line-height:120%!important; }
	.container-magazine h2 { font-size:22px!important; line-height:120%!important; }
	.container-magazine h3 { font-size:22px!important; line-height:120%!important; }
	.container-magazine h4 { font-size:22px!important; line-height:120%!important; }

    .text-35 { font-size: 30px; line-height: 35px; }
    .text-30 { font-size: 25px; line-height: 30px; }
    .text-25 { font-size: 20px; line-height: 25px; }
    .text-20 { font-size: 16px; line-height: 20px; }
    .col-8, .col-6, .col-4, .col-3 { 	
		-webkit-box-flex: 0;
    	-ms-flex: 0 0 100%;
    	flex: 0 0 100%;
   		max-width: 100%;
        padding-right: 10px;
        padding-left: 10px;	
	}
    .col-6-mb {
	    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 10px;
        padding-left: 10px;	
    }
    .p-3, .p-4 { padding:20px!important; }
    .row-magazine { margin-right:0px; margin-left: 0px; }
	.text-left, .text-right { text-align: center!important; }
	.text-left p, .text-right p { text-align: center!important; }
    .hidden-mobile { display: none; }
    .hidden-desktop { display: block; }
    .pull-right { float: right; }
    .pull-left { float: left; }
	.separator-invisible { margin: 20px 0; border-bottom: 1px solid transparent; }
    .bg-image { background-image: none!important; }
    .bg-gray { padding: 40px 20px; }
    .bg-black { padding: 40px 20px; }
    .bg-green { padding: 40px 20px; }
}