/* Structure
--------------------------------------------------------------------------------------------------------*/
            
            body {
                background-color: #fafafa;
            }
            
            .center-box {
                padding-left: 0;
                padding-right: 0;
                overflow: hidden;
                margin: 0 auto;
                text-align: center;
            }
            
            .row,
            .text-box {
                padding-left: 20vw;
                padding-right: 20vw;
                overflow: hidden;
                clear: both;
                text-align: center;
                margin: 0 auto;
            }
            
            .portrait {
                width: 80px;
                height: 80px;
                border-radius: 50%;
                display: inline-block;
                background-size: 100%;
                margin-top: 30px;
            }
            
            .portrait2 {
                width: 110px;
                height: 110px;
                border-radius: 50%;
                background-size: 100%;
                margin-top: 30px;
            }
            
            img {
                margin: 0;
                padding: 0;
                border: 0;
                line-height: 0;
                vertical-align: top;
                max-width: 100%;
            }
            
            .referencia {
                width: 60%;
                padding: 50px;
            }
            
            .background {
                background: rgba(11, 185, 169, 0.29);
                background: -moz-linear-gradient(top, rgba(11, 185, 169, 0.29) 0%, rgba(127, 218, 210, 0.29) 10%, rgba(255, 255, 255, 0.52) 21%, rgba(255, 255, 255, 0.86) 37%);
                background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(11, 185, 169, 0.29)), color-stop(10%, rgba(127, 218, 210, 0.29)), color-stop(21%, rgba(255, 255, 255, 0.52)), color-stop(37%, rgba(255, 255, 255, 0.86)));
                background: -webkit-linear-gradient(top, rgba(11, 185, 169, 0.29) 0%, rgba(127, 218, 210, 0.29) 10%, rgba(255, 255, 255, 0.52) 21%, rgba(255, 255, 255, 0.86) 37%);
                background: -o-linear-gradient(top, rgba(11, 185, 169, 0.29) 0%, rgba(127, 218, 210, 0.29) 10%, rgba(255, 255, 255, 0.52) 21%, rgba(255, 255, 255, 0.86) 37%);
                background: -ms-linear-gradient(top, rgba(11, 185, 169, 0.29) 0%, rgba(127, 218, 210, 0.29) 10%, rgba(255, 255, 255, 0.52) 21%, rgba(255, 255, 255, 0.86) 37%);
                width: 70%;
                padding: 30px 60px;
                display: block;
                align-items: center;
                color: #666;
                position: relative;
            }
            
            .wallpaper {
                background-blend-mode: soft-light;
                background-image: url(img/pencil_opening.jpeg);
                background-repeat: no-repeat;
                background-position: center;
                background-attachment: fixed;
                background-size: cover;
            }
            
            .opentext {
                width: 70%;
                display: block;
                padding-left: 40px;
                text-align: left;
            }
            /* Structure
--------------------------------------------------------------------------------------------------------*/
            /* Typography
-----------------------------------------------------------------------------------------------------*/
            
            .ribbon h1,
            .attention {
                color: #fff;
                font-size: 42px;
                padding-bottom: 30px;
                font-family: 'Abril fatface', cursive;
            }
            
            h1,
            h2,
            h3 {
                font-family: 'Roboto';
            }
            
            h1 {
                font-size: 42px;
            }
            
            h2 {
                margin-top: 30px;
                font-size: 20px;
            }
            
            .ketseg h2 {
                margin-bottom: 30px;
            }
            
            .ketseg h1,
            .ketseg p {
                color: #fff;
                text-shadow: 0px 1px #666;
            }
            
            h3 {
                font-size: 18px;
                padding-top: 30px;
            }
            
            p {
                font-family: 'Roboto';
                font-size: 16px;
                line-height: 1.5;
                color: #666;
            }
            
            a {
                font-family: 'Roboto';
            }
            
            .nyil1 {
                margin-left: 32vw;
                position: absolute;
                width: 70px;
                height: auto;
                display: inline-block;
            }
            
            .nyil2 {
                margin-left: 20vw;
                position: absolute;
                width: 70px;
                height: auto;
                display: inline-block;
            }
            
            .attention,
            .open {
                color: #666;
                padding-top: 50px;
            }
            
            .attention {
                position: relative;
            }
            
            .ketseg {
                margin-bottom: 30px;
                background-image: url(img/opening.jpg);
                background-repeat: no-repeat;
                background-position: bottom;
                background-attachment: fixed;
                background-size: cover;
                color: #fff;
            }
            
            .joerzes,
            .elony,
            .ketseg,
            .ajanlat,
            .referencia {
                border-top: 2px solid #0bb9a9;
            }
            
            .name {
                color: #0bb9a9;
                line-height: 1.8;
                padding-top: 10px;
                font-size: 18px;
            }
            
            .text-box {
                margin-top: -400px;
                z-index: 0;
                display: block;
                position: absolute;
            }
            
            .cta {
                position: relative;
                background-color: #0bb9a9;
                opacity: 0.8;
                height: 420px;
                transform: skewX(0deg) skewY(3deg);
                margin-top: 80px;
                margin-bottom: 100px;
            }
            
            .button {
                background-color: #B90B72;
                border: 1px #B90B72 solid;
                border-radius: 10px;
                box-shadow: 1px 2px #666;
                padding: 15px;
                color: #fff;
                display: block;
                width: 400px;
                max-width: 700px;
                text-align: center;
                text-transform: uppercase;
                text-decoration: none;
                margin-top: 60px;
                margin-bottom: 20px;
                font-weight: 600;
            }
            
            .button:hover {
                background-color: #fff;
                color: #0bb9a9;
                font-weight: 600;
            }
            
            .final {
                margin-top: 30px;
                margin-bottom: 10px;
            }
            
            .quote {
                font-style: italic;
            }
            
            ul {
                margin-top: 30px;
                margin-bottom: 30px;
                padding-left: 20px;
                padding-right: 20px;
                line-height: 1.6;
            }
            
            ul li {
                position: relative;
                margin-bottom: 20px;
                font-family: 'Roboto';
                font-size: 16px;
                text-align: left;
            }
            
            ul li:before {
                position: absolute;
                content: "";
                background: #0bb9a9;
                width: 10px;
                height: 10px;
                border-radius: 50%;
                display: block;
                top: 8px;
                left: -15px;
            }
            
            i:before {
                padding-right: 10px;
            }
            /* Typography
--------------------------------------------------------------------------------------------------------*/