@media (max-width: 767.98px)  { 
    #facebookImage {
        height:30px;
    }
    
    #youtubeImage {
        height:30px;
    }
    #footerContainer {
        max-width: 100%;
    }
    #thomasNumber {
        text-align: left;
        font: normal normal bold 40px/50px Ubuntu;
        letter-spacing: 0.4px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;

        float: left;
        margin-top: 16px;
        margin-right: 20px;
        margin-bottom: 20px;
    }

    #thomasText {
        text-align: left;
        font: normal normal bold 16px/20px Ubuntu;
        letter-spacing: 2.4px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
        margin-top: 20px;
    }

    #copyrightText {
        text-align: left;
        font: normal normal normal 16px/30px Ubuntu;
        letter-spacing: 0.16px;
        color: #FFFFFF;
        opacity: 1;

        margin-top:30px;
    }


    #impressum {
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
        margin-top: 1%;
    }
    
    #contact {
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;

        margin-top: 20px;
        margin-bottom: 20px;
    }
    
    
    #facebook {
        float: left;
        margin-bottom: 30px;
        margin-top: 3%;
    }


    #youtube {
        margin-top: 3%;
    }


 }

 @media (min-width: 767.98px)  { 
    #footerContainer {
        min-width: 1440px;
    }
    #thomasNumber {
        font: normal normal bold 70px/80px Ubuntu;
        letter-spacing: 0.7px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
        float: left;
        margin-top: 8%;
        margin-right: 5%;

    }

    #thomasText {
        font: normal normal bold 20px/30px Ubuntu;
        letter-spacing: 3px;
        color: #000000;
        text-transform: uppercase;
        opacity: 1;
        margin-top: 11%;
    }

    #copyrightText {
        font: normal normal normal 20px/30px Ubuntu;
        letter-spacing: 0.2px;
        color: #FFFFFF;
        opacity: 1;
        margin-top: 6%;
        margin-left: 17%;
        float: left;
        margin-bottom: 6%;
    }
    
    
    #impressum {
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
        margin-top: 4%;
    }

    #contact {
        font: normal normal bold 14px/16px Ubuntu;
        letter-spacing: 2.1px;
        color: #FFFFFF;
        text-transform: uppercase;
        opacity: 1;
        margin-top: 5%;
    }

    #facebook {
        float: left;
        margin-top: 6%;
        margin-left: 5%;
    }

    #youtube {
        margin-top: 6%;
    }
}