<section class="grid">
    <div class="logo">
        <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 73.293 22.5">

<g class="top">
    <path d="M39.314,11.508c0,0.102-0.027,0.193-0.082,0.275s-0.07,0.178-0.047,0.287c-0.031,0.055-0.072,0.098-0.123,0.129
        s-0.068,0.09-0.053,0.176c-0.164,0.086-0.314,0.193-0.451,0.322s-0.283,0.252-0.439,0.369c-0.094,0.07-0.174,0.119-0.24,0.146
        s-0.146,0.068-0.24,0.123l-0.293,0.188c-0.133,0.07-0.268,0.141-0.404,0.211s-0.26,0.16-0.369,0.27
        c-0.164,0.008-0.332,0.053-0.504,0.135s-0.336,0.154-0.492,0.217c-0.062,0.023-0.125,0.041-0.188,0.053s-0.125,0.033-0.188,0.064
        l-0.188,0.082c-0.109,0.055-0.238,0.111-0.387,0.17s-0.281,0.088-0.398,0.088c-0.07,0.031-0.129,0.086-0.176,0.164
        c-0.258,0.086-0.523,0.152-0.797,0.199s-0.539,0.121-0.797,0.223c-0.086,0.039-0.174,0.092-0.264,0.158s-0.186,0.096-0.287,0.088
        c-0.023,0.039-0.039,0.086-0.047,0.141s-0.02,0.109-0.035,0.164h-0.035c-0.031,0-0.045-0.016-0.041-0.047s-0.01-0.047-0.041-0.047
        c-0.023,0-0.039,0.004-0.047,0.012c-0.102,0.023-0.197,0.043-0.287,0.059s-0.189,0.023-0.299,0.023
        c-0.062,0-0.162-0.008-0.299-0.023s-0.236-0.036-0.299-0.06c-0.047-0.023-0.086-0.067-0.117-0.13
        c-0.031-0.063-0.061-0.13-0.088-0.201s-0.051-0.144-0.07-0.219s-0.037-0.136-0.053-0.184c0.023-0.087,0.062-0.157,0.117-0.213
        c0.055-0.055,0.098-0.126,0.129-0.213c0.07-0.008,0.141-0.02,0.211-0.035s0.141-0.02,0.211-0.012
        c0.242-0.07,0.486-0.138,0.732-0.204s0.49-0.134,0.732-0.204c0.242-0.069,0.48-0.147,0.715-0.232
        c0.234-0.086,0.461-0.19,0.68-0.315h0.246c0.141-0.077,0.297-0.144,0.469-0.197c0.172-0.055,0.312-0.144,0.422-0.269
        c0.258-0.054,0.527-0.128,0.809-0.221c0.281-0.094,0.516-0.241,0.703-0.443c0.117-0.016,0.219-0.045,0.305-0.088
        s0.168-0.088,0.246-0.135l0.234-0.152c0.078-0.055,0.168-0.098,0.27-0.129c0.062-0.062,0.121-0.129,0.176-0.199
        s0.121-0.129,0.199-0.176c-0.023-0.125-0.086-0.219-0.188-0.281s-0.191-0.137-0.27-0.223h-0.258
        c-0.203-0.125-0.42-0.221-0.65-0.287s-0.459-0.139-0.686-0.217c-0.016-0.008-0.035-0.012-0.059-0.012
        c-0.055,0-0.088,0.02-0.1,0.059s-0.045,0.055-0.1,0.047c-0.07-0.047-0.145-0.076-0.223-0.088s-0.16-0.018-0.246-0.018
        c-0.109,0-0.217,0.006-0.322,0.018s-0.213,0.018-0.322,0.018c-0.055,0-0.109-0.004-0.164-0.012s-0.109-0.027-0.164-0.059h-0.152
        c-0.164,0-0.326,0.006-0.486,0.018s-0.318,0.018-0.475,0.018c-0.086,0-0.168-0.002-0.246-0.006s-0.156-0.014-0.234-0.029
        c-0.164,0.078-0.34,0.133-0.527,0.164s-0.381,0.055-0.58,0.07s-0.396,0.029-0.592,0.041s-0.383,0.033-0.562,0.064
        c-0.047-0.008-0.092-0.014-0.135-0.018s-0.084-0.006-0.123-0.006s-0.08,0.002-0.123,0.006s-0.084,0.01-0.123,0.018
        c-0.102-0.109-0.225-0.189-0.369-0.24s-0.287-0.084-0.428-0.1c-0.109-0.133-0.189-0.268-0.24-0.404s-0.084-0.291-0.1-0.463h0.047
        c0.055,0,0.08-0.027,0.076-0.082s0.014-0.102,0.053-0.141c0.039-0.047,0.092-0.08,0.158-0.1s0.131-0.041,0.193-0.064
        s0.123-0.053,0.182-0.088s0.104-0.092,0.135-0.17h0.152c0.031,0,0.064,0.002,0.1,0.006s0.064,0.018,0.088,0.041
        c0.031-0.031,0.07-0.059,0.117-0.082s0.092-0.047,0.135-0.07s0.08-0.051,0.111-0.082s0.051-0.078,0.059-0.141
        c0.008,0.023,0.027,0.035,0.059,0.035s0.061-0.008,0.088-0.023s0.061-0.02,0.1-0.012c0.039-0.109,0.105-0.168,0.199-0.176
        s0.18-0.035,0.258-0.082c0.055-0.031,0.105-0.068,0.152-0.111s0.098-0.084,0.152-0.123l0.703-0.539l1.078-0.82
        c0.359-0.273,0.727-0.527,1.102-0.762c0.016-0.047,0.039-0.082,0.07-0.105s0.062-0.049,0.094-0.076s0.057-0.057,0.076-0.088
        s0.025-0.078,0.018-0.141c0.109-0.023,0.193-0.066,0.252-0.129s0.111-0.131,0.158-0.205s0.096-0.148,0.146-0.223
        s0.119-0.131,0.205-0.17c-0.008-0.023-0.012-0.059-0.012-0.105c0-0.062,0.006-0.125,0.018-0.188s0.041-0.117,0.088-0.164
        c-0.07-0.164-0.191-0.283-0.363-0.357s-0.336-0.139-0.492-0.193h-0.035c-0.039,0-0.061,0.018-0.064,0.053S34.139,4.156,34.1,4.172
        c-0.125-0.031-0.266-0.047-0.422-0.047s-0.311,0.012-0.463,0.035s-0.307,0.027-0.463,0.012c-0.023,0.031-0.049,0.062-0.076,0.094
        s-0.061,0.059-0.1,0.082c-0.164,0.008-0.328,0.031-0.492,0.07l-0.492,0.117l-0.27,0.059c-0.039,0.016-0.066,0.043-0.082,0.082
        s-0.027,0.082-0.035,0.129c-0.047-0.008-0.076-0.027-0.088-0.059s-0.041-0.055-0.088-0.07c-0.18,0.109-0.373,0.199-0.58,0.27
        s-0.393,0.18-0.557,0.328C29.838,5.211,29.76,5.18,29.658,5.18c-0.086,0-0.18,0.027-0.281,0.082s-0.164,0.125-0.188,0.211
        c-0.078-0.016-0.137-0.023-0.176-0.023c-0.086,0-0.158,0.023-0.217,0.07s-0.115,0.1-0.17,0.158s-0.113,0.115-0.176,0.17
        s-0.141,0.086-0.234,0.094c0,0.039,0.002,0.08,0.006,0.123s0.006,0.088,0.006,0.135c0,0.352-0.02,0.701-0.059,1.049
        s-0.059,0.697-0.059,1.049c0,0.078,0.004,0.154,0.012,0.229s0.012,0.154,0.012,0.24c0,0.023-0.018,0.074-0.053,0.152
        s-0.061,0.137-0.076,0.176c0.031,0.086,0.045,0.172,0.041,0.258S28.061,9.52,28.1,9.598c-0.07,0.062-0.105,0.148-0.105,0.258
        c0,0.047,0.002,0.094,0.006,0.141s0.006,0.094,0.006,0.141v0.141c-0.023,0.156-0.039,0.314-0.047,0.475s-0.012,0.318-0.012,0.475
        c0,0.07,0.002,0.189,0.006,0.357s0.014,0.355,0.029,0.562s0.039,0.42,0.07,0.639s0.072,0.42,0.123,0.604s0.115,0.334,0.193,0.451
        s0.172,0.176,0.281,0.176c0.023,0,0.053-0.004,0.088-0.012s0.053-0.027,0.053-0.059s-0.006-0.059-0.018-0.082
        s-0.018-0.051-0.018-0.082l0.012-0.023c0.062,0.031,0.131,0.051,0.205,0.059s0.15,0.016,0.229,0.023s0.152,0.021,0.223,0.041
        s0.133,0.061,0.188,0.123c-0.031,0.062-0.047,0.129-0.047,0.199c0,0.094,0.023,0.182,0.07,0.264s0.078,0.166,0.094,0.252
        c-0.148,0.047-0.283,0.1-0.404,0.158s-0.24,0.113-0.357,0.164s-0.242,0.098-0.375,0.141s-0.285,0.072-0.457,0.088
        c-0.109-0.07-0.203-0.133-0.281-0.188s-0.184-0.09-0.316-0.105c-0.203-0.273-0.371-0.58-0.504-0.92s-0.236-0.693-0.311-1.061
        s-0.125-0.736-0.152-1.107s-0.041-0.721-0.041-1.049c0-0.359,0.014-0.717,0.041-1.072s0.064-0.713,0.111-1.072
        c0.016-0.109,0.031-0.221,0.047-0.334s0.031-0.225,0.047-0.334c0.016-0.039,0.029-0.084,0.041-0.135s0.018-0.096,0.018-0.135
        c0-0.133-0.004-0.266-0.012-0.398s-0.012-0.262-0.012-0.387c0-0.195,0.012-0.395,0.035-0.598c0.008-0.039,0.021-0.09,0.041-0.152
        s0.029-0.117,0.029-0.164c0-0.062-0.016-0.105-0.047-0.129s-0.059-0.062-0.082-0.117c0.023-0.078,0.043-0.154,0.059-0.229
        s0.023-0.15,0.023-0.229c0-0.148-0.027-0.277-0.082-0.387c0.039-0.203,0.098-0.402,0.176-0.598s0.215-0.344,0.41-0.445
        c0.156,0.008,0.314,0.023,0.475,0.047s0.299,0.09,0.416,0.199c0.055-0.031,0.117-0.051,0.188-0.059l0.223-0.023
        c0.078-0.008,0.148-0.021,0.211-0.041s0.117-0.061,0.164-0.123c0.156-0.031,0.324-0.076,0.504-0.135s0.336-0.127,0.469-0.205h0.258
        c0.055-0.039,0.117-0.066,0.188-0.082l0.223-0.059c0.078-0.023,0.15-0.047,0.217-0.07s0.119-0.062,0.158-0.117h0.047
        c0.18,0,0.355-0.039,0.527-0.117s0.34-0.148,0.504-0.211c0.039-0.016,0.1-0.043,0.182-0.082s0.139-0.059,0.17-0.059
        c0.109-0.016,0.219-0.025,0.328-0.029s0.219-0.018,0.328-0.041c0.25-0.039,0.498-0.084,0.744-0.135s0.494-0.076,0.744-0.076
        c0.086,0,0.166,0.002,0.24,0.006s0.154,0.01,0.24,0.018c0.008,0.031,0.027,0.057,0.059,0.076s0.061,0.037,0.088,0.053
        s0.053,0.037,0.076,0.064s0.031,0.064,0.023,0.111c0.016,0.016,0.031,0.023,0.047,0.023c0.023,0,0.045-0.012,0.064-0.035
        s0.049-0.035,0.088-0.035h0.059c0.102,0.109,0.201,0.213,0.299,0.311s0.221,0.178,0.369,0.24c0.062,0.234,0.137,0.465,0.223,0.691
        s0.129,0.469,0.129,0.727c0,0.156-0.023,0.309-0.07,0.457c-0.109,0.055-0.188,0.141-0.234,0.258s-0.09,0.23-0.129,0.34
        c-0.219,0.109-0.402,0.254-0.551,0.434s-0.301,0.359-0.457,0.539h-0.188c-0.031,0-0.055,0.012-0.07,0.035l-0.105,0.117
        C34.768,7,34.691,7.062,34.609,7.125s-0.143,0.145-0.182,0.246c-0.242,0.133-0.475,0.281-0.697,0.445s-0.436,0.336-0.639,0.516
        c-0.086,0.07-0.172,0.15-0.258,0.24s-0.172,0.166-0.258,0.229c-0.047,0.039-0.1,0.072-0.158,0.1S32.307,8.961,32.26,9
        c-0.102,0.078-0.195,0.158-0.281,0.24s-0.176,0.158-0.27,0.229c0.352-0.016,0.707-0.025,1.066-0.029s0.715-0.01,1.066-0.018
        c0.18,0,0.355-0.006,0.527-0.018s0.348-0.018,0.527-0.018c0.031,0,0.059,0.006,0.082,0.018s0.051,0.021,0.082,0.029
        c0.133,0.023,0.25,0.051,0.352,0.082c0.375,0.07,0.75,0.133,1.125,0.188s0.742,0.145,1.102,0.27
        c0.102,0.039,0.178,0.082,0.229,0.129s0.143,0.059,0.275,0.035c0.109,0.109,0.229,0.195,0.357,0.258s0.26,0.117,0.393,0.164
        c0.102,0.156,0.197,0.305,0.287,0.445S39.314,11.312,39.314,11.508z"></path>
    <path d="M53.939,13.98c-0.016,0.156-0.07,0.279-0.164,0.369s-0.215,0.135-0.363,0.135c-0.078,0-0.152-0.012-0.223-0.035
        c-0.148,0.117-0.324,0.207-0.527,0.27s-0.395,0.125-0.574,0.188c-0.219-0.008-0.434-0.027-0.645-0.059s-0.43-0.039-0.656-0.023
        c-0.078-0.055-0.16-0.09-0.246-0.105s-0.174-0.025-0.264-0.029s-0.176-0.018-0.258-0.041s-0.162-0.078-0.24-0.164h-0.586
        c-0.055,0-0.135-0.025-0.24-0.076s-0.223-0.104-0.352-0.158s-0.266-0.105-0.41-0.152s-0.279-0.07-0.404-0.07h-0.07
        c-0.086-0.07-0.186-0.123-0.299-0.158s-0.229-0.066-0.346-0.094s-0.23-0.057-0.34-0.088s-0.203-0.074-0.281-0.129
        s-0.168-0.111-0.27-0.17s-0.207-0.084-0.316-0.076c-0.148-0.086-0.303-0.16-0.463-0.223s-0.322-0.121-0.486-0.176l-0.48-0.176
        c-0.156-0.062-0.312-0.137-0.469-0.223c-0.023,0.008-0.051,0.008-0.082,0s-0.059-0.012-0.082-0.012
        c-0.047,0-0.074,0.016-0.082,0.047c-0.055-0.055-0.115-0.102-0.182-0.141s-0.131-0.086-0.193-0.141
        c-0.031,0.008-0.061,0.014-0.088,0.018s-0.061,0.006-0.1,0.006c-0.07,0-0.139-0.008-0.205-0.023s-0.131-0.035-0.193-0.059
        c-0.07,0.156-0.117,0.332-0.141,0.527s-0.041,0.396-0.053,0.604s-0.025,0.414-0.041,0.621s-0.051,0.396-0.105,0.568
        c0.016,0.062,0.023,0.125,0.023,0.188v0.199c0,0.133,0.02,0.238,0.059,0.316c-0.016,0.07-0.029,0.137-0.041,0.199
        s-0.025,0.125-0.041,0.188c0.008,0.086,0.014,0.166,0.018,0.24s0.006,0.154,0.006,0.24v0.199c0,0.07-0.008,0.141-0.023,0.211
        c-0.078,0.047-0.156,0.092-0.234,0.135s-0.156,0.096-0.234,0.158c-0.055-0.102-0.148-0.16-0.281-0.176
        c-0.031,0.039-0.053,0.092-0.064,0.158s-0.049,0.1-0.111,0.1c-0.109-0.086-0.199-0.156-0.27-0.211s-0.148-0.137-0.234-0.246
        c-0.008-0.016-0.012-0.035-0.012-0.059c0-0.039,0.008-0.074,0.023-0.105s0.023-0.062,0.023-0.094c0-0.094-0.012-0.176-0.035-0.246
        c-0.016-0.102-0.027-0.201-0.035-0.299s-0.012-0.193-0.012-0.287c0-0.133,0.01-0.262,0.029-0.387s0.057-0.254,0.111-0.387
        c0.086-0.227,0.146-0.465,0.182-0.715s0.061-0.502,0.076-0.756s0.025-0.51,0.029-0.768s0.018-0.504,0.041-0.738
        c-0.055-0.125-0.119-0.225-0.193-0.299s-0.111-0.193-0.111-0.357c0-0.148,0.047-0.264,0.141-0.346s0.176-0.182,0.246-0.299
        c-0.016-0.047-0.004-0.078,0.035-0.094l0.141-1.23c0.008-0.086,0.021-0.18,0.041-0.281s0.033-0.195,0.041-0.281
        c0.016-0.18,0.023-0.355,0.023-0.527s0.008-0.344,0.023-0.516c0.039-0.383,0.076-0.762,0.111-1.137s0.053-0.75,0.053-1.125
        c0-0.18-0.006-0.359-0.018-0.539s-0.037-0.359-0.076-0.539C41.736,4.059,41.59,4.1,41.43,4.143s-0.295,0.115-0.404,0.217h-0.094
        c-0.203,0-0.393,0.039-0.568,0.117S40.01,4.629,39.83,4.699c-0.078,0.039-0.156,0.064-0.234,0.076s-0.16,0.029-0.246,0.053
        c-0.039,0.008-0.082,0.031-0.129,0.07s-0.09,0.066-0.129,0.082l-0.199,0.047c-0.055,0.016-0.078,0.051-0.07,0.105
        s-0.012,0.09-0.059,0.105C38.725,5.277,38.67,5.295,38.6,5.291s-0.125-0.006-0.164-0.006h-0.047
        c-0.195,0.141-0.385,0.26-0.568,0.357s-0.4,0.162-0.65,0.193L36.912,6c-0.086,0.055-0.184,0.082-0.293,0.082
        c-0.086,0-0.156-0.016-0.211-0.047c-0.062-0.094-0.111-0.199-0.146-0.316S36.166,5.5,36.08,5.414
        c0.039-0.039,0.064-0.092,0.076-0.158s0.025-0.127,0.041-0.182c0.234-0.102,0.471-0.199,0.709-0.293s0.467-0.207,0.686-0.34
        c0.023,0.008,0.059,0.012,0.105,0.012c0.078,0,0.148-0.012,0.211-0.035s0.125-0.051,0.188-0.082s0.125-0.059,0.188-0.082
        s0.137-0.031,0.223-0.023c0.266-0.148,0.547-0.27,0.844-0.363s0.578-0.223,0.844-0.387c0.039,0,0.072,0.008,0.1,0.023
        s0.057,0.023,0.088,0.023s0.051-0.004,0.059-0.012c0.047-0.062,0.109-0.107,0.188-0.135s0.158-0.051,0.24-0.07
        s0.16-0.047,0.234-0.082s0.123-0.092,0.146-0.17c0.039,0.031,0.098,0.047,0.176,0.047c0.133,0,0.256-0.027,0.369-0.082
        s0.236-0.082,0.369-0.082c0.031,0,0.061,0.006,0.088,0.018s0.057,0.018,0.088,0.018c0.062,0,0.096-0.02,0.1-0.059
        s0.025-0.074,0.064-0.105c0.477-0.086,0.951-0.164,1.424-0.234s0.951-0.105,1.436-0.105c0.07-0.047,0.148-0.07,0.234-0.07
        s0.164,0.023,0.234,0.07c0.133-0.016,0.266-0.027,0.398-0.035s0.266-0.012,0.398-0.012c0.305,0,0.617,0.02,0.938,0.059
        s0.639,0.1,0.955,0.182s0.619,0.191,0.908,0.328s0.559,0.299,0.809,0.486c0.023,0.07,0.055,0.141,0.094,0.211
        s0.09,0.125,0.152,0.164c0,0.016-0.002,0.027-0.006,0.035s-0.006,0.02-0.006,0.035c0,0.086,0.025,0.168,0.076,0.246
        s0.076,0.172,0.076,0.281s-0.018,0.219-0.053,0.328S50.521,5,50.529,5.109c-0.086,0.125-0.158,0.238-0.217,0.34
        s-0.096,0.23-0.111,0.387c-0.141,0.141-0.266,0.295-0.375,0.463s-0.221,0.332-0.334,0.492s-0.24,0.307-0.381,0.439
        s-0.309,0.238-0.504,0.316c-0.008,0.078-0.039,0.164-0.094,0.258h-0.246c-0.023,0.062-0.062,0.109-0.117,0.141l-0.164,0.094
        c-0.055,0.031-0.1,0.07-0.135,0.117s-0.053,0.113-0.053,0.199c-0.016-0.008-0.035-0.012-0.059-0.012
        c-0.078,0-0.17,0.039-0.275,0.117s-0.189,0.141-0.252,0.188c-0.133,0.094-0.268,0.18-0.404,0.258s-0.256,0.188-0.357,0.328
        c-0.312,0.133-0.609,0.287-0.891,0.463s-0.586,0.314-0.914,0.416c-0.125,0.133-0.271,0.236-0.439,0.311s-0.33,0.154-0.486,0.24
        v0.035c0,0.062,0.023,0.123,0.07,0.182s0.102,0.109,0.164,0.152s0.131,0.072,0.205,0.088s0.139,0.016,0.193,0
        c0.156,0.141,0.336,0.254,0.539,0.34s0.414,0.164,0.633,0.234s0.434,0.145,0.645,0.223s0.406,0.176,0.586,0.293h0.281
        c0.18,0.156,0.393,0.273,0.639,0.352s0.482,0.148,0.709,0.211c0.094,0.086,0.213,0.15,0.357,0.193s0.283,0.064,0.416,0.064h0.07
        c0.031,0,0.059-0.004,0.082-0.012v0.023c0,0.039,0.012,0.064,0.035,0.076s0.049,0.02,0.076,0.023s0.055,0.012,0.082,0.023
        s0.049,0.029,0.064,0.053h0.117c0.164,0,0.32,0.033,0.469,0.1s0.305,0.1,0.469,0.1c0.07,0,0.125-0.008,0.164-0.023
        c0.047,0.016,0.082,0.047,0.105,0.094s0.055,0.086,0.094,0.117c0.055-0.008,0.105-0.014,0.152-0.018s0.094-0.006,0.141-0.006
        c0.172,0,0.332,0.02,0.48,0.059s0.301,0.098,0.457,0.176c0.25-0.109,0.496-0.199,0.738-0.27s0.5-0.105,0.773-0.105v0.023
        c0,0.094,0.025,0.182,0.076,0.264S53.9,13.895,53.939,13.98z M49.451,4.629c0-0.094-0.018-0.168-0.053-0.223
        s-0.08-0.104-0.135-0.146s-0.111-0.084-0.17-0.123s-0.111-0.09-0.158-0.152c-0.203-0.062-0.402-0.133-0.598-0.211
        s-0.395-0.145-0.598-0.199c-0.102-0.023-0.203-0.045-0.305-0.064S47.232,3.48,47.131,3.48h-0.258
        c-0.047-0.008-0.096-0.018-0.146-0.029s-0.1-0.021-0.146-0.029c-0.109-0.016-0.217-0.027-0.322-0.035s-0.213-0.012-0.322-0.012
        c-0.203,0-0.406,0.008-0.609,0.023l-0.609,0.047c-0.086,0.008-0.176,0.012-0.27,0.012s-0.18,0.008-0.258,0.023
        c-0.039,0.008-0.094,0.025-0.164,0.053s-0.145,0.055-0.223,0.082s-0.154,0.057-0.229,0.088s-0.139,0.055-0.193,0.07
        c0.008,0.055,0.012,0.109,0.012,0.164V4.09c0,0.117-0.004,0.234-0.012,0.352s-0.023,0.234-0.047,0.352
        c-0.008,0.047-0.02,0.094-0.035,0.141s-0.027,0.094-0.035,0.141c-0.016,0.07-0.023,0.148-0.023,0.234v0.223
        c-0.016,0.18-0.027,0.355-0.035,0.527s-0.02,0.348-0.035,0.527c-0.047,0.516-0.096,1.027-0.146,1.535s-0.084,1.02-0.1,1.535
        c0.258-0.055,0.504-0.137,0.738-0.246s0.465-0.229,0.691-0.357s0.453-0.256,0.68-0.381s0.465-0.23,0.715-0.316
        c0.062-0.086,0.139-0.156,0.229-0.211s0.166-0.125,0.229-0.211c0.078,0,0.137-0.018,0.176-0.053s0.09-0.061,0.152-0.076
        c0.375-0.328,0.758-0.637,1.148-0.926s0.766-0.598,1.125-0.926c0.031-0.109,0.084-0.217,0.158-0.322s0.146-0.213,0.217-0.322
        s0.133-0.219,0.188-0.328S49.451,4.754,49.451,4.629z"></path>
</g>
<g>
    <path class="angle" d="M17.574,21.072L1.361,11.778V10.21l16.213-9.202v2.307L3.736,11.017l13.837,7.703V21.072z"></path>
    <path class="angle" d="M55.719,18.72l13.838-7.703L55.719,3.314V1.008l16.213,9.202v1.568l-16.213,9.294V18.72z"></path>
</g>

</svg>
    
</div>
    <div class="nav">
        <nav class="nav__list">
            <a class="nav__item" href="https://bryanlrobinson/blog/">Blog</a>
            <a class="nav__item" href="https://bryanlrobinson.com/experiments/">Experiments</a>
            <a class="nav__item" href="https://bryanlrobinson.com/speaking/">Speaking</a>
            <a class="nav__item" href="https://bryanlrobinson.com/portfolio/">Portfolio</a>
        </nav>
        
    </div>
    <div class="tagline"><h2 class="tagline__text">Designer @ Dev</h2></div>
    <div class="name"><h1>Bryan Robinson</h1></div>
    <div class="follow">
        <h4 class="follow__title">Follow more of my work</h4>
            <p><a class="follow__link" href="http://twitter.com/brob/"><svg class="follow__icon" aria-labelledby="simpleicons-twitter-icon" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title id="simpleicons-twitter-icon">Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg> Follow me on Twitter</a></p>
    </div>
    <div class="about"><p>I've been in the industry for over a decade now, and I have learned to embrace my professional passions. That's why I care strongly about new web layout, Contemporary Code and building up the developer and designer communities around me.

</p></div>
    <div class="sideprojects">
        <h4 class="sideprojects__title">Side Projects</h4>
        <img src="https://d33wubrfki0l68.cloudfront.net/c6d40b2861e2a275cf08fbb3367603295cd477b7/064da/images/sides/side-webworkers.png" alt="">
        <img src="https://d33wubrfki0l68.cloudfront.net/a079b3b133975c661cddd6c143c85f8b9e5d245d/80393/images/sides/side-cc.png" alt="">
        <img src="https://d33wubrfki0l68.cloudfront.net/a394576c5840221fed9239891d205051e02795fe/bf588/images/sides/side-mtf.png" alt="">
        <img src="https://d33wubrfki0l68.cloudfront.net/4b93a4bf8583c6874ff70175e447b70e141694fe/630a4/images/sides/side-hm.png" alt="">
    </div>
    <div class="line--tomato line1"></div>
    <div class="line--white line2"></div>
    <div class="line3"></div>
    <div class="line4 line--tomato"></div>

    
    
</section>
@import url("https://fonts.googleapis.com/css?family=Merriweather:300,400,400i,700");
body {
  font-family: "Merriweather", serif;
  font-size: calc(16px + (20 - 16) * (100vw - 320px)/ (1500 - 320));
  font-weight: 300;
}

p {
  line-height: 1.4em;
}

.grid {
  display: grid;
  grid-template-columns: [page-start col1-start ] 1fr [col1-end col2-start] 0.8fr [col2-end gutter1-start] 1vw [gutter1-end col3-start] 0.8fr [col3-end gutter2-start] 1vw [gutter2-end col4-start] 0.8fr [col4-end gutter3-start] 1vw [gutter3-end col5-start] 0.8fr [col5-end col6-start] 1fr [col6-end page-end];
  grid-template-rows: repeat(5, [row-start] 1fr [row-end gutter-start] 1vw [gutter-end]);
  grid-auto-rows: 1fr;
  background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/161359/bryan-and-link.jpg);
  background-color: #235980;
  background-blend-mode: overlay;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}
.grid > div {
  background-color: white;
}
.grid .logo {
  background-color: #ed6a5a;
  grid-column: col1-start / col1-end;
  grid-row: row-start 1 / row-end 1;
  z-index: 10;
  display: flex;
  justify-content: center;
  border-bottom: 1px solid white;
}
.grid .logo svg {
  width: 95%;
}
.grid .logo svg .top {
  fill: #235980;
  fill: white;
}
.grid .logo svg .angle {
  fill: #ed6a5a;
  fill: white;
}
.grid .nav {
  grid-column: col1-start / col1-end;
  grid-row: row-start 2 / row-end 3;
  background-color: #ed6a5a;
  border-top: 1px solid white;
  align-self: start;
}
.grid .nav__item {
  display: block;
  padding: 15px;
  border-bottom: 1px solid white;
  color: white;
  text-decoration: none;
  transition: 0.3s ease-out;
}
.grid .nav__item:hover {
  background-color: #e8402c;
}
.grid .nav__item:last-child {
  border-bottom: 0;
}
.grid .line1 {
  grid-row: gutter-start 1;
  grid-column: col1-start / col3-end;
}
.grid .line--tomato {
    background-color: #ed6a5a;
}
.grid .line--white {
    background-color: white;
}
.grid .line2 {
  grid-row: gutter-start 2;
  grid-column: col3-start / page-end;
}
.grid .follow {
  grid-column: col3-start / col4-end;
  grid-row: row-start 6;
  align-self: end;
  background-color: #ed6a5a;
  padding: 20px;
  text-align: center;
  z-index: 100;
}
.grid .follow__title {
  font-size: 1.5rem;
  margin-bottom: 1rem;
}
.grid .follow__icon {
  fill: white;
  width: 1.3ch;
}
.grid .follow__link {
  color: white;
  text-decoration: none;
}
.grid .follow__link:hover, .grid .follow__link:hover svg {
  color: #dbebb8;
  fill: #dbebb8;
}

.grid .sideprojects {
  grid-column: col1-start;
  grid-row: row-start 5 / 13;
  align-self: end;
  display: grid;
  grid-template-columns: 50% 50%;
}
.grid .sideprojects__title {
  grid-column: span 2;
  padding: 10px;
  text-align: center;
}
.grid .line3 {
  grid-column: gutter3-start;
  grid-row: gutter-start 1 / row-end 2;
  background-image: linear-gradient(#235980, white 35%);
}
.grid .line4 {
  grid-column: gutter2-start;
  grid-row: gutter-start 1 / gutter-end 7;
  background-color: #ed6a5a;
}
.grid .name {
  grid-row: gutter-start 2 / row-end 4;
  grid-column: col3-start / col3-end;
  text-align: left;
  z-index: 100;
  padding: 10px;
  transform: rotate(180deg);
}
.grid .name h1 {
  writing-mode: vertical-rl;
  font-size: 2.2rem;
  font-weight: 700;
}
.grid .about {
  grid-row: gutter-start 4 / row-end 5;
  grid-column: col4-start / page-end;
  padding: 10px;
}
.grid .tagline {
  grid-column: gutter3-start / page-end;
  background-color: #235980;
  display: flex;
  align-self: end;
  padding: 1rem;
}
.grid .tagline__text {
  margin: auto;
  font-weight: 300;
  color: white;
  font-size: 1.5rem;
}

img {
  max-width: 100%;
}

a,
svg {
  transition: 0.3s ease-out;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.