*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family:'Oswald', sans-serif;
}

html,body{
	height: 100%;
}

body {
    overflow-y: hidden;
}

.container{
	width: 100%;
	max-width: 1400px;
	margin:0 auto;
}

.clear{
	clear: both;
}

a {
    text-decoration: none;
}

@font-face {
	font-family:"COCOGOOSE";
	src:url("/fonts/Cocogoose_Pro_Ultralight-trial.eot?") format("eot"),
	url("/fonts/Cocogoose_Pro_Ultralight-trial.woff") format("woff"),
	url("/fonts/Cocogoose_Pro_Ultralight-trial.ttf") format("truetype"),
	url("/fonts/Cocogoose_Pro_Ultralight-trial.svg#COCOGOOSE-UltraLight") format("svg");
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:"Coolesta";
	src: local(Coolesta), 
	url(../fonts/Coolesta.ttf);
	font-weight:normal;
	font-style:normal;
}

.imagen__body img {
    width: 100%;
    height: 630px;
}

.title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    color: white;
}

.title__one {
    top: 35%;
}

.title__one p {
    font-family: COCOGOOSE;
    font-size: 35px;
}

.title__two {
    top: 45%;
}

.title__two p{
	font-family: Coolesta;
    font-size: 32px;
}

.header__link {
    position: absolute;
    z-index: 1;
    top: 62%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.header__link a img:hover {
    -ms-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    transition: transform .8s;
}

.header__link a img {
    width: 30px;
    height: auto;
    margin: 3px;
    transition: transform .8s;
}

@media screen and (max-width: 600px) {
    .title__one p {
        font-size: 30px;
        white-space: nowrap;
    }

    .header__link{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
    }

    .header__link a img {
        width: 45px;
        margin: 5px;
    }
}