#social_networks{
    margin-left: 3%;

}
@media screen and (orientation:portrait) {
    .social_icon{
        margin: 0.5%;
        width: 8%;
        height: 40%;
        object-fit: contain;

    }
    #logo {
        position: absolute;
        height: 20%;
        width: 80%;
        top: 3%;
        left: 50%;
        transform: translate(-50%,0);
        object-fit: contain;

    }
    #character {
        position: absolute;
        height: 80%;
        width: 100%;
        left: 50%;
        bottom: 0%;
        #background:url("./character_portrait.webp");
        background:url("./character_portrait.webp");
        background-size: cover;
        background-repeat: no-repeat;
        background-position-y: bottom;
        background-position-x: center;
        object-fit: cover;
        overflow: hidden;
        transform: translate(-50%,0);

    }

    #mce-EMAIL{
        width: 60%;
        font-size: 3vmin;
    }
    #email_label{
        font: 12px Helvetica, Arial, sans-serif;
        font-size: 3.0vmin;
    }
    #mc-embedded-subscribe{
            background: #b6dd6a;
        color: #000;: #3b4722;
        box-shadow: none;

        border-radius: 0.3vh;
        padding: 1%;
        padding-left: 3%;
        padding-right: 3%;
        width: 30%;
        border: 0;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 3vmin;
    }
    #background{
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0%;
        top: 0%;
        object-fit: cover;
    }
    #mc_embed_signup_background{
        background: #333333;
        clear: left;
        font: 14px Helvetica, Arial, sans-serif;
        position: absolute;
        left:0%;
        opacity: 0.6;
        width: 100%;
        height: 25%;
        bottom: 0%;
    }
    h1{
        font-size: 0px;
        display: inline;
        visibility: hidden;
    }
    #mc_embed_signup {

        color: #ffffff;
        clear: left;
        font: 14px Helvetica, Arial, sans-serif;
        position: absolute;
        right:0%;
        opacity: 1.0;
        width: 100%;
        height: 23%;
        bottom: 0%;
        vertical-align: middle;
        /*text-shadow:*/
        /*-1px -1px 0 #000,*/
        /*0   -1px 0 #000,*/
        /*1px -1px 0 #000,*/
        /*1px  0   0 #000,*/
        /*1px  1px 0 #000,*/
        /*0    1px 0 #000,*/
        /*-1px  1px 0 #000,*/
        /*-1px  0   0 #000;*/

    }

    #mc-embedded-subscribe-form{
        opacity: 1.0;
        margin-left: 3%;
        margin-top: 1%;
        vertical-align: center;
        display: block;
    }


}
@media screen and (orientation:landscape) {
    .social_icon{
        margin: 1%;
        width: 10%;
        height: 10%;
        object-fit: contain;

    }
    .indiegogo_icon{
        margin: 1%;
        width: 30%;
        height: 10%;
        object-fit: contain;
    }
    #logo {
        position: absolute;
        width: 20%;
        max-height: 20%;
        font-family: sans-serif;
        text-align: center;
        font-size: 3vmin;
        color: #ffffff;
        top:5%;
        right: 12.5%;
        object-fit: contain;
        transform: translate(50%,0);
        /*text-shadow:*/
                /*-1px -1px 0 #000,*/
                /*0   -1px 0 #000,*/
                /*1px -1px 0 #000,*/
                /*1px  0   0 #000,*/
                /*1px  1px 0 #000,*/
                /*0    1px 0 #000,*/
                /*-1px  1px 0 #000,*/
                /*-1px  0   0 #000;*/
    }
    #character {
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0.0%;
        bottom: 0%;
        background:url("./character.webp");
        background-size: contain;
        background-repeat: no-repeat;
        background-position-y: bottom;
        background-position-x: center;
    }
    #mce-EMAIL{
        width: 60%;
        font-size: 2vmin;
    }
    #email_label{
        font: 12px Helvetica, Arial, sans-serif;
        font-size: 2.5vmin;
    }
    #mc-embedded-subscribe{
        background: #b6dd6a;
        color: #3b4722;
        box-shadow: none;

        border-radius: 0.3vmin;
        padding: 1.5%;
        padding-left: 3%;
        padding-right: 3%;
        width: 30%;
        border: 0;
        font-weight: bold;
        font-family: Helvetica, Arial, sans-serif;
        font-size: 2vmin;
    }
    #background{
        position: absolute;
        height: 100%;
        width: 100%;
        left: 0%;
        top: 0%;
        object-fit: cover;
    }
    #mc_embed_signup_background{
        background: #333333;
        clear: left;
        font: 14px Helvetica, Arial, sans-serif;
        position: absolute;
        right:0%;
        opacity: 0.6;
        width: 25%;
        height: 100%;
        bottom: 0%;
    }
    h1{
        font-size: 2.7vmin;
    }
    #mc_embed_signup {

        color: #ffffff;
        clear: left;
        font: 14px Helvetica, Arial, sans-serif;
        position: absolute;
        right:0%;
        opacity: 1.0;
        width: 25%;
        height: 40%;
        top: 30%;
        /*text-shadow:*/
                /*-1px -1px 0 #000,*/
                /*0   -1px 0 #000,*/
                /*1px -1px 0 #000,*/
                /*1px  0   0 #000,*/
                /*1px  1px 0 #000,*/
                /*0    1px 0 #000,*/
                /*-1px  1px 0 #000,*/
                /*-1px  0   0 #000;*/

    }

    #mc-embedded-subscribe-form{
        opacity: 1.0;
        margin-left: 3%;
        margin-top: 1%;
        vertical-align: center;
        display: block;
    }

}