/*
Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
Click nbfs://nbhost/SystemFileSystem/Templates/JSP_Servlet/CascadeStyleSheet.css to edit this template
*/
/* 
    Created on : Feb 14, 2022, 11:07:57 AM
    Author     : andreschavarria
*/

@media only screen and (min-width: 1190px) {
    #img {
        height: 10em;
    }
    #col-side {
        background: #E31E23;
        border-radius: 24px 0px 0px 24px;
    }
    #side {
        margin-top: 12em;
        text-align: center;
        color: white;
    }
    #sideClient {
        margin-top: 16em;
        text-align: center;
        color: white;
    }
    #desc {
        font-weight: 400;
    }
    #formGroup {
        padding: 1.3rem;
    }
    #hiddenTitle {
        display: none;
    }
    #mainTitle {
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 2.6rem;
    }
    #mainTitle2 {
        width: 100%;
        font-weight: bold;
        font-size: 1.5rem;
        text-align: left;
    }
    #mainTitle3 {
        width: 100%;
        font-weight: bold;
        font-size: 1.1rem;
        text-align: left;
    }
    #paragraph{
        text-align: justify;
        width: 100%;
    }
}

@media only screen and (max-width: 1189px) {
    .layout-main {
        padding-top: 0px !important;
    }
    img {
        height: 8em;
    }
    #col-side {
        width: -webkit-fill-available;
        background: #E31E23;
        border-radius: 24px 24px 0px 0px;
        height: 175px;
        margin-left: 7px;
        margin-right: 7px;
    }
    #side {
        margin-top: 5px;
        text-align: center;
        color: white;
    }
    #sideClient {
        margin-top: 5px;
        text-align: center;
        color: white;
    }
    #desc {
        display: none;
    }
    #formGroup {
        padding: 20px;
        width: 100%;
    }
    #hiddenTitle {
        margin-top: 0px;
        width: 100%;
        text-align: center;
        color: white;
    }
    #pre-desc {
        display: none;
    }
    #mainTitle {
        width: 100%;
        text-align: center;
        font-weight: bold;
        font-size: 2.6rem;
    }
    #mainTitle2 {
        width: 100%;
        font-weight: bold;
        font-size: 1.5rem;
        text-align: left;
    }
    #mainTitle3 {
        width: 100%;
        font-weight: bold;
        font-size: 1.1rem;
        text-align: left;
    }
    #paragraph{
        text-align: justify;
        width: 100%;
    }
    @media only screen and (max-width: 375px) {
        #hiddenTitle {
            font-size: 1.8em;
        }
        #img {
            height: 7em;
        }
        #sideClient {
            margin-top: 14px;
        }
        #side {
            margin-top: 14px;
        }
        #mainTitle {
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 2.6rem;
        }
        #mainTitle2 {
            width: 100%;
            font-weight: bold;
            font-size: 1.5rem;
            text-align: left;
        }
        #mainTitle3 {
            width: 100%;
            font-weight: bold;
            font-size: 1.1rem;
            text-align: left;
        }
        #paragraph{
            text-align: justify;
            width: 100%;
        }
    }
}