<header>
    <div class="container">
        <div class="col-md-12">
        	<div class="col-md-2 col-sm-2">
        		<ul class="menu-home lat">
                    <li>
                        <p>
                            <a href="*">
                                <span class="eng">Enter the archive</span>
                                <span class="esp">Entra al archivo</span>
                            </a>
                        </p>
                    </li>
                    <li>
                        <p>
                            <a href="about.html">
                                <span class="eng">About</span>
                                <span class="esp">Acerca de</span>
                            </a>
                        </p>
                    </li>
                    <li>
                        <p>
                            <a href="contact.html">
                                <span class="eng">Contact</span>
                                <span class="esp">Contacto</span>
                            </a>
                        </p>
                    </li>
                </ul>
        	</div>
        	<div class="col-md-8 col-sm-8">
	            <div class="logo" id="brand">
	                <h1 class="title_site">
	                    <a href="../index.html"><img src="../images/logo.svg" width="280"></a>
	                </h1>
	            </div>
                <ul class="menu-home">
                    <li class="subtitle">
                        <h2><strong>Collective Cinema</strong></h2>
                    </li>
                </ul>
	        </div>
	        <div class="col-md-2 col-sm-2">
        	</div>
        </div>
    </div>
</header>