@font-face {

  font-family: "RiformaLL";

  src: url("assets/fonts/RiformaLL-Regular.otf") format("opentype");

}

@font-face {

  font-family: "RiformaLL";

  font-weight: bold;

  src: url("assets/fonts/RiformaLLWeb-Bold.woff") format("woff");

}



body,html{

    margin:0;

    padding:0;

}

body{

    background-color:#000000;

    color:#FFFFFF;

    font-family: RiformaLL;

}

header{

    padding:10px;

    line-height: 0;

}

footer{

    line-height: 0;

    padding:10px;

    background-color: #323232;

    text-align: right;

    position:relative;

}

#retro-tv{

    aspect-ratio: 16/9;

    line-height: 0;

    font-size: 0;

    overflow: hidden;

}

#retro-tv iframe{

    width:100%;

    height:100%;

    border:none;



    /*

    -ms-zoom: 0.75;

    -moz-transform: scale(0.75);

    -moz-transform-origin: 0.5 00.5;

    -o-transform: scale(0.75);

    -o-transform-origin: 0.5 0.5;

    -webkit-transform: scale(0.75);

    -webkit-transform-origin: 0.5 0.5;

    */

}

#spacer{

    height:100px;

}

h1{

    color:#00CBFF;

    font-weight: 700;

    font-style: Bold;

    font-size: 18px;

    leading-trim: NONE;

    line-height: 140%;

    letter-spacing: 0px;

    margin:0px 0px 10px;

}

p{

    font-weight: 400;

    font-style: Regular;

    font-size: 12px;

    leading-trim: NONE;

    line-height: 140%;

    letter-spacing: 0px;

}

#content{

    display:flex;

    flex-flow:column wrap;

    max-height:350px;

    width: calc(3*(220px + 80px));

}

#content>div{

    width:220px;

    margin:40px;

}



.column{

    display:inline-block;

    width:220px;

    vertical-align: top;

}

.column>div{

    padding:40px;

}

#footer_logo{

    position:absolute;

    left:10px;

    top:10px;

}

#footer_copy{

    margin-left:30px;



    display:inline-block;

    font-weight: 400;

    font-style: Regular;

    font-size: 12px;

    leading-trim: CAP_HEIGHT;

    line-height: 140%;

    letter-spacing: 0px;

}

#footer_socials{

    display:inline-block;

}

#footer_socials>div{

    display:inline-block;

    vertical-align: middle;

    margin-left:30px;

}

#footer_socials>div:first-child{

    margin-left:0px;

}

#footer_right>div a{

    line-height: 0;

    font-size: 0;

}

#footer_socials>div a:first-child img{

    margin-right:10px;

}





@media (max-width: 899px) {

    #spacer{

        height:80px;

    }

    #content {

        max-height:500px;

        width: calc(2*(240px + 60px));

    }

    #content>div{

        width:240px;

        margin:30px;

    }

    footer{

        text-align: left;

    }

    #footer_logo{

        position:unset;

    }

    #footer_socials{

        position: absolute;

        right:10px;

        top:10px;

    }

    #footer_copy{

        margin:20px 0px 0px;

        display:block;

    }

}



@media (max-width: 599px) {

    #spacer{

        height:60px;

    }

    #content {

        max-height:none;

        width: 100%;

    }

    #content>div{

        width:calc(100% - 60px);

        margin:30px;

    }

    #footer_socials{

        margin:20px 0px 0px;

        position:unset;

        display:block;

    }

    #logo{

        width:100px;

        height:auto;

    }

    #footer_logo{

        width:80px;

        height:auto;

    }

}



@media (min-width: 1025px) {

    #retro-tv iframe{

        -moz-transform-origin: 0.5 0.5;

        -o-transform-origin: 0.5 0.5;

        -webkit-transform-origin: 0.5 0.5;



        -ms-zoom: calc(100vw / 1024px);

        -moz-transform: scale(calc(100vw / 1024px));

        -o-transform: scale(calc(100vw / 1024px));

        -webkit-transform: scale(calc(100vw / 1024px));

    }



}