::-moz-selection {
    color: #fafafa;
    background: #17a698
}

::selection {
    color: #fafafa;
    background: #17a698
}

@font-face {
    font-family: 'glyphs';
    src: url('../font/glyphs.eot?94275885');
    src: url('../font/glyphs.eot?94275885#iefix') format('embedded-opentype'), url('../font/glyphs.woff2?94275885') format('woff2'), url('../font/glyphs.woff?94275885') format('woff'), url('../font/glyphs.ttf?94275885') format('truetype'), url('../font/glyphs.svg?94275885#glyphs') format('svg');
    font-weight: normal;
    font-style: normal
}

body {
    margin: 0;
    padding: 0;
    outline: 0;
    background-color: #fafafa;
    font-family: 'Rotis Semi Sans W01', Helvetica, Arial, sans-serif;
    font-weight: 300
}

#intro {
    height: 700px;
    position: relative;
    margin-bottom: 12vw
}

h1 img {
    position: absolute;
    top: 5.5vw;
    left: 7.5vw;
    width: 22vw
}

#firstcolumn {
    position: absolute;
    top: 5.5vw;
    width: 19.75vw;
    right: 29.25vw;
    padding-top: 10px
}

#firstcolumn p {
    text-indent: 20px;
    margin: 0;
    font-size: 17px;
    line-height: 21px;
    color: #2b292b
}

#secndcolumn {
    position: absolute;
    top: 5.5vw;
    width: 19.75vw;
    right: 7.5vw;
    padding-top: 10px
}

#secndcolumn p {
    text-indent: 20px;
    margin: 0;
    font-size: 17px;
    line-height: 21px;
    color: #2b292b
}

#links_a {
    position: absolute;
    bottom: 5.5vw;
    width: 19.75vw;
    right: 29.25vw;
    font-size: 17px;
    line-height: 21px;
    color: #aaa
}

#links_b {
    position: absolute;
    bottom: 5.5vw;
    width: 19.75vw;
    right: 7.5vw;
    font-size: 17px;
    line-height: 21px;
    color: #aaa
}

#links_b a {
    color: #aaa;
    text-decoration: none
}

#links_b a:hover {
    color: #17a698
}

#links {
    position: absolute;
    margin-top: -11.5vw;
    width: 41.5vw;
    right: 7.5vw;
    list-style: none;
    padding: 0
}

#links li {
    border-top: 1px #17a698 solid;
    height: 60px;
    font-size: 34px;
    position: relative
}

#links li a {
    color: #17a698;
    text-decoration: none
}

#links li:after {
    content: "";
    position: absolute;
    top: 12px;
    right: 0;
    height: 20px;
    width: 20px;
    background-image: url('/giuliocavallini/arrow_45up.svg');
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.img {
    background-size: cover;
    background-position: center;
    background-color: #efefef;
    background-repeat: no-repeat
}

.full {
    height: 66.66vw;
    width: 100vw
}

.bord {
    width: 85vw;
    margin-left: 7.5vw;
    height: 56.66vw
}

.double {
    margin-left: 7.5vw;
    font-size: 0
}

.double .d_a {
    width: 41.5vw;
    height: 27.66vw;
    display: inline-block
}

.double .d_b {
    width: 41.5vw;
    height: 27.66vw;
    display: inline-block;
    margin-left: 2vw
}

.triple {
    margin-left: 7.5vw;
    font-size: 0;
    position: relative
}

.triple .t_a {
    width: 41.5vw;
    height: 27.66vw;
    display: inline-block;
    vertical-align: top
}

.triple .t_b {
    width: 27vw;
    height: 18vw;
    position: absolute;
    top: 29.66vw;
    right: 51vw
}

.triple .t_c {
    width: 41.5vw;
    height: 27.66vw;
    display: inline-block;
    vertical-align: top;
    margin: 20vw 0 0 2vw
}

.third {
    margin-left: 7.5vw;
    font-size: 0;
    position: relative
}

.third .t_a {
    width: 27vw;
    height: 18vw;
    display: inline-block
}

.third .t_b {
    width: 27vw;
    height: 18vw;
    display: inline-block;
    margin-left: 2vw
}

.third .t_c {
    width: 27vw;
    height: 18vw;
    display: inline-block;
    margin-left: 2vw
}

.third.port .t_m {
    width: 19.75vw;
    height: 29.625vw;
    display: inline-block;
    margin-right: 2vw;
    vertical-align: top
}

.third.port div {
    height: 40.5vw
}

.quad {
    margin-left: 7.5vw;
    font-size: 0;
    position: relative
}

.quad .q_a {
    width: 19.75vw;
    height: 29.625vw;
    display: inline-block
}

.quad .q_b {
    width: 19.75vw;
    height: 29.625vw;
    display: inline-block;
    margin-left: 2vw
}

.quad .q_c {
    width: 19.75vw;
    height: 29.625vw;
    display: inline-block;
    margin-left: 2vw
}

.quad .q_d {
    width: 19.75vw;
    height: 29.625vw;
    display: inline-block;
    margin-left: 2vw
}

.cameo_a {
    height: 50vw
}

.cameo_a .img {
    width: 41.5vw;
    height: 27.66vw;
    margin: 24.55vw auto 0 auto
}

.s_right {
    width: 41.5vw;
    height: 27.66vw;
    margin-left: 51vw
}

.s_right_b {
    width: 63.25vw;
    height: 42.16vw;
    margin-left: 29.25vw
}

.s_center {
    width: 41.5vw;
    height: 27.66vw;
    margin: 0 auto
}

.s_center.portrait {
    height: 41.5vw;
    width: 27.66vw
}

.s_center.mini {
    height: 20vw;
    width: 20vw
}

.s_left {
    width: 41.5vw;
    height: 27.66vw;
    margin-left: 7.5vw
}

.s_left_b {
    width: 63.25vw;
    height: 42.16vw;
    margin-left: 7.5vw
}

.mar_a {
    margin-top: 2vw
}

.mar_b {
    margin-top: 7.5vw
}

.mar_c {
    margin-top: 24.55vw
}

.short {
    height: 45vw
}

.teatro {
    width: 55vw;
    height: 36.66vw;
    margin-left: 26vw
}

footer {
    margin: 15vw 0 0 7.5vw;
    height: 100px;
    font-size: 17px;
    line-height: 21px;
    color: #ccc
}

footer a {
    color: #ccc;
    text-decoration: none
}

footer a:hover {
    color: #17a698
}

.hide {
    opacity: .3 !important
}

@media screen and (min-width:769px) and (max-width:1024px) {
    #intro {
        height: 1000px;
        position: relative;
        margin-bottom: 36vw
    }

    #links {
        margin-top: -36vw
    }
}

@media screen and (max-width:768px) {
    #intro {
        height: auto;
        margin-bottom: 200px
    }

    h1 img {
        position: relative;
        top: auto;
        left: 7.5vw;
        width: 85vw
    }

    #firstcolumn {
        position: relative;
        top: auto;
        width: 85vw;
        right: auto;
        padding-top: 10px;
        margin-left: 7.5vw;
        margin-top: 34px
    }

    #firstcolumn p {
        text-indent: 20px;
        margin: 0;
        font-size: 17px;
        line-height: 21px;
        color: #2b292b
    }

    #secndcolumn {
        position: relative;
        top: auto;
        width: 85vw;
        right: auto;
        padding-top: 10px;
        margin-left: 7.5vw;
        margin-top: 34px;
        padding-bottom: 70px
    }

    #secndcolumn p {
        text-indent: 20px;
        margin: 0;
        font-size: 17px;
        line-height: 21px;
        color: #2b292b
    }

    #links_a {
        position: relative;
        bottom: auto;
        width: 70vw;
        right: auto;
        font-size: 17px;
        line-height: 21px;
        color: #aaa;
        margin-left: 7.5vw;
        margin-top: 34px
    }

    #links_b {
        position: relative;
        bottom: auto;
        width: 70vw;
        right: auto;
        font-size: 17px;
        line-height: 21px;
        color: #aaa;
        margin-left: 7.5vw;
        margin-top: 34px
    }

    footer {
        margin: 15vw 0 0 7.5vw;
        height: 100px;
        font-size: 17px;
        line-height: 21px;
        width: 70vw
    }

    #links {
        width: 85vw;
        right: 7.5vw;
        margin-top: -200px
    }
}