/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/Other/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : 27 oct 2021, 13:36:39
    Author     : JJ
 /* ------------VARS------------t */
    :root {
      --brown:#683C11;
      --blue: #92CAEF;
      --red:#FF1D25;

    }
    @font-face {
        font-family:"Geomanist";
        src: url("fonts/geomanist-regular-webfont.ttf");
    }
     @font-face {
        font-family:"Geomanist-black";
        src: url("fonts/geomanist-medium-webfont.ttf");
    }

    body{
       font-family:"Geomanist";             
       background-color: white; 
       color:black;
       padding: none;
       margin: none;
    }
    .container{
        margin: 25px 50px 50px 25px;
    }
    .header{
        display: flex;
        height: 100px;
        width: 100%;
    }
    .left_header{
         display: flex;
         width: 50%;
    }
    .left_header h2{
        color:black;
    }
    .left_header h2:last-of-type{
        color:var(--brown)  !important ;
        font-family: Geomanist-black;
    }
    .header div{
        display: flex;
        justify-content:flex;
        align-items:center;
        width:50%;
        height:100px;
    }
    .header div:last-of-type{
        justify-content:flex-end;
        text-align: right;
        font-family: Geomanist-black;

    }
    h2{
        color:white;
        font-size: 3em;
    }
    .full_width_image{
        width: 100%;
        margin: auto;

    }
    .body_text{
        font-size: 3.25em;
    }
    .flex_container{
        display: flex;
        margin-top: 25px;
    }
    .flex_container img{
        width: 48%;
        margin-right:1%;
    }
    .flex_container div{
        width: 50%;
        margin-left:25px;
        background-color:var(--brown);
        color: white;
        font-size: 7em;

    }
    .flex_container div span{
       width: 100%;
        height: 70px;
        display: inline-block;
        padding-left: 20px;
    }
    .bottom_text{
        font-size:1.5em;
        border: 1px solid black;
        margin-top: 25px;
        padding-left: 20px;
        padding-right: 20px;
    }
    .bottom_text img{
        max-width: 600px;
        margin:  auto;
    }
    li{
        list-style-type: none;
     }
    a{
        text-decoration: none; 
        color: inherit;
    }
    footer{
        background-color: var(--brown);
        width: 100%;
        height: 100px;
        color: white;
        display: flex;
        margin-top: 25px;
        padding:1%;
    }
    footer h2{

        display:flex;
        align-items: center;
        font-family:"Geomanist";
    }
    .footer_h2{
         width: 29%;
        display: flex;
    }
    .footer_h2 h2:last-of-type{
         font-family:"Geomanist-black";
    }
    footer div{
        display: flex;
        width: 69%;
        align-items: right;
    }
    footer div ul{
        text-align: right;
        width: 50%;
        margin-left: auto;
    }
    
    /*-----Aviso Legal------*/
    .regular_text{
        font-family: Geomanist;
        font-size: 1em;
        
    }
    .h3{
        font-family: Geomanist-black;
        font-size: 1.5em;
    }
     .h1{
        font-family: Geomanist-black;
        font-size: 2m;
    }
    ul{
        list-style-type: none;
    }
    
    @media only screen and (max-width: 1300px) {
        .flex_container div{

            font-size: 4.5em;
        }
    }
    @media only screen and (max-width: 1000px) {
        .container{
            margin: 15px 10px 10px 15px;
        }

        .body_text{
            font-size: 2em;
        }

        .flex_container div{

            font-size: 4em;
        }

        .bottom_text{
            font-size:1.5em;
        }

        footer{
            background-color: var(--brown);
            width: 99%;
            height: 100px;
            color: white;
            margin-top: 25px;
            padding:1%;
            display: flex;
            justify-content: center;

        }
        footer h2{

            font-size: 2em;
        }


    }
    @media only screen and (max-width: 600px) {
        .container{
            margin: 15px 10px 15px;
        }
        .header{
            display: inline;

        }
        .header div{
            display: flex;
            justify-content:center;
            align-items:center;
            width:100%;
            height:50px;
        }
        .header div:last-of-type{
            justify-content:center;
            text-align: left;
        }
        h2{
             font-size: 2.5em;
        }
        .body_text{
            font-size: 1.5em;
        }
        .flex_container{
           display: inline;
        }

        .flex_container img{
            width: 100%;
            margin-right:0;

        }
        .flex_container div{
            width: 100%;
            margin-left:0;


        }
         .flex_container div span{
            width: 100%;
            height: 100px;
            display: inline-block;
            padding-left: 0;
            text-align: center;
         }
        .bottom_text{
            font-size:1em;
        }
        .bottom_text img{
            max-width: 300px;

        }
        footer{
            background-color: var(--brown);
            width: 100%;
            height: 100px;
            color: white;
            margin-top: 25px;
            padding:1%;
            display: flex;
            justify-content: center;

        }
        footer h2{

            font-size: 0.8em;
        }
        .footer_h2{
              width: 25%;
             display: flex;
         }
        footer div{
            display: flex;
            width: 75%;
            justify-content: center;
            margin-right: 10px;
        }
        footer div ul{
            text-align: right;
            width: 50%;
            margin-left: auto;
            font-size: 0.7em;
        }

    }