@charset "UTF-8";

:root{
    --doca-max-width:1440px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    font-family: "Raleway", sans-serif;
    color:#FFF;
    word-wrap: break-word;
    overflow-wrap: break-word;
    white-space: normal;
}

a{
    text-decoration:none;
}

body {
    font-family: "Raleway", sans-serif;
    overflow-x: hidden;
    height:100%;
}

h2, h3, h4{
    font-weight:700;
    line-height:1.2;
}

h1{
    font-size:31px;
    font-weight:700;
    margin-top:42px;
}

h2{
    font-size:26px;
}

h3{
    font-size:22px;
}

h4{
    font-size:18px;
}
p{
    font-size:24px;
    font-weight:400;
}

.doca-max-width{
    max-width:var(--tutete-max-width);
}

.tutt-pbase{
    padding-left:16px;
    padding-right:16px;
}


.background {
    background-image: url('../img/doca-san-diego-bg.jpg');
    background-size: cover;
    background-position: center;
    height: 100%;
}

main{
/*
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
*/
    height:100%;
}

/* Contenido centrado */
main {
    text-align: center;
    padding-top:284px;
    padding-bottom:284px;
}

/* Logo */
.logo {
    width: 300px;
    height: auto;
}
.description{
    padding-top:120px;
    text-align:center;
}
.instagram{
    padding-top:85px;
    text-align:center;
}
.instagram svg{
    width:28px;
    height:28px;
}

.instagram p{
    font-size:28px;
    font-weight:700;
}
.go-docakitchens{
    margin-top:24px;
}

@media (min-width:1024px){

    /* Contenido centrado */
    main {
        padding-top:120px;
        padding-bottom:120px;
    }

    /* Logo */
    .logo {
        width: 400px;
        height: auto;
    }
    .description{
        padding-top:100px;
    }
    .description p{
        font-size:28px;
    }
    .instagram{
        padding-top:36px;
    }
    h1{
        font-size:64px;
        font-weight:700;
        margin-top:42px;
    }

    h2{
        font-size:32px;
    }

    h3{
        font-size:24px;
    }

    h4{
        font-size:18px;
    }
    p{
        font-size:36px;
        font-weight:400;
    }
    .instagram svg{
        width:35.1px;
        height:35.1px;
    }

}

@media (min-width:1440px){
    /* Contenido centrado */
    main {
        padding-top:200px;
        padding-bottom:200px;
    }

    /* Logo */
    .logo {
        width: 400px;
        height: auto;
    }
    .description{
        padding-top:100px;
    }
    .instagram{
        padding-top:36px;
    }
}
@media only screen and (min-width: 1600px) and (max-width: 1919px) {
    main{
        display:block;
    }
    /* Contenido centrado */
    main {
        padding-top:300px;
        padding-bottom:149px;
    }

    /* Logo */
    .logo {
        width: 628px;
        height: auto;
    }
    .description{
        padding-top:158px;
    }
    .instagram{
        padding-top:36px;
    }
}

@media (min-width:1920px){
    body{
        height:100vh;
    }
}