input[type=text],textarea,input[type=email]
        {
            width:300px;
            height:40px;
            text-transform: uppercase;
            padding-left: 10px;
            border: 1px solid #000;
        }

         input[type=button]{
            width:100px;
            height:40px;
            border: 1px solid #000;
         }

    input[type=text]:hover,textarea:hover,input[type=email]:hover, input[type=button]:hover{
        background-color: rgba(29, 18, 18, 0.81);
        color: #fff;
    }

    #message{
        padding-top: 10px;;
    }

    /* =====================================
   TABLETS (1024px and below)
===================================== */

@media screen and (max-width:1024px){

    .header{
        flex-wrap:wrap;
        justify-content:center;
        text-align:center;
        gap:20px;
        padding:15px;
    }

    .nav-menu{
        flex-wrap:wrap;
        justify-content:center;
    }

    .contact-table table,
    .social-table{
        width:100%;
    }

    .map-section,
    .form-section{
        display:block;
        width:100%;
    }

    iframe{
        width:100%;
        height:400px;
    }

}


/* =====================================
   MOBILE PHONES (768px and below)
===================================== */

@media screen and (max-width:768px){

    .header{
        display:flex;
        justify-content:space-between;
        align-items:center;
        flex-direction:row;
        padding:10px 15px;
    }

    .header > div:first-child{
        flex:1;
        display:flex;
        justify-content:flex-start;
    }

    .header > div:last-child{
        flex:1;
        display:flex;
        justify-content:flex-end;
    }

    .cinema-image{
        width:130px;
        height:auto;
        margin:0;
    }

    .cinema-name{
        display:none;
    }

    .logos{
        display:flex;
        gap:8px;
        margin:0;
    }

    .social-media-logos{
        width:30px;
        height:30px;
    }

    .contact-table{
        overflow-x:auto;
    }

    .map-section,
    .form-section{
        display:table-cell;
        width:50%;
        vertical-align:top;
    }

    .contact-table table{
    width:100%;
    border-top-color: collapse;
    }

    .contact-table tr{
        display:block;
        margin-bottom:20px;
    }

    .contact-table td{
        display:block;
        width:100%;
    }

    .map-section{
        margin-bottom:20px;
    }

    iframe{
        width:100%;
        height:300px;
    }

    /* input,
    textarea{
        width:100%;
    } */

    input[type=text],
    input[type=email],
    textarea{
        width:100%;
        max-width:300px;
        box-sizing:border-box;
    }

    input[type=button]{
    width:120px;
    }

    .social-table,
    .social-table tbody,
    .social-table tr,
    .social-table td{
        display:block;
        width:100%;
        text-align:center;
        padding:15px 0;
    }

    .social-table{
    width:100%;
    table-layout:fixed;
    border-collapse:collapse;
    }

    .social-table tr{
        display:block;
    }

    .social-table td{
        display:block;
        width:100%;
        padding:25px 15px;
        text-align:center;
        border:none;
    }

    .social-table h3{
        margin-bottom:10px;
    }

    .social-table p{
        margin-bottom:20px;
        word-wrap:break-word;
    }

    .footer-section{
        display:flex;
        justify-content:center;
        align-items:center;
        min-height:80px;
        padding:20px;
        margin-top:40px;
    }

}