/* Custom CSS */
p {
    margin: 0 0 0;
}

body
{
    font-family: 'Lato', sans-serif !important;
    
}

.playfair
{
    font-family: 'Playfair Display', serif;
}

.no-padding
{
    padding: 0 !important;
}

.padding-side
{
    padding-right: 3% !important;
    padding-left: 3% !important;
}

.padding-top-3
{
    padding-top: 3%;
}

.padding-bottom-3
{
    padding-bottom: 3%;
}

.padding-top-5
{
    padding-top: 5%;
}

.padding-bottom-5
{
    padding-bottom: 5%;
}

.padding-top-10
{
    padding-top: 10%;
}

.padding-bottom-10
{
    padding-bottom: 10%;
}

.no-margin
{
    margin: 0 !important;
}

.margin-auto
{
    margin: auto;
}

.margin-bottom-3
{
    margin-bottom: 3% !important; 
}

.margin-bottom-5
{
    margin-bottom: 5% !important; 
}
.margin-bottom-10
{
    margin-bottom: 10%; 
}
.margin-bottom-20
{
    margin-bottom: 20%; 
}
.margin-bottom-50
{
    margin-bottom: 50%; 
}

.margin-top-3
{
    margin-top: 3%; 
}

.margin-top-4
{
    margin-top: 4%; 
}

.margin-top-5
{
    margin-top: 5%; 
}
.margin-top-10
{
    margin-top: 10%; 
}
.margin-top-20
{
    margin-top: 20%; 
}
.margin-top-50
{
    margin-top: 50%; 
}

/* Alignment */
.align-justify
{
    text-align: justify !important;
}

.align-center
{
    text-align: center !important;
}

.align-left
{
    text-align: left;
}

.align-right
{
    text-align: right;
}

.line-height-2
{
    line-height: 2;
}
/* Alignment */

/* Font CSS */
.font-12
{
    font-size:12px;
}

.font-14
{
    font-size:14px;
}

.font-16
{
    font-size:16px;
}

.font-18
{
    font-size:18px;
}

.font-20
{
    font-size:20px;
}

.font-22
{
    font-size:22px;
}

.font-24
{
    font-size:24px;
}

.font-26
{
    font-size:26px;
}

.font-28
{
    font-size:28px;
}

.bold900
{
    font-weight: 900;
}

.bold700
{
    font-weight: 700;
}

.bold400
{
    font-weight: 400;
}

.bold300
{
    font-weight: 300;
}

.white
{
    color:#ffffff !important;
}

.black
{
    color:#000000 !important;
}

.maroon
{
    color: #2A0000;
}
/* Font CSS */

/*Read More*/
.more {
    overflow: hidden;
}
/*Read More*/


/*MOBILE VIEW*/
@media only screen 
  and (min-device-width: 300px) 
  and (max-device-width: 900px) 
{ 
    .font-12
    {
        font-size:4px;
    }

    .font-14
    {
        font-size:6px;
    }

    .font-16
    {
        font-size:8px;
    }

    .font-18
    {
        font-size:10px;
    }

    .font-20
    {
        font-size:12px;
    }

    .font-22
    {
        font-size:14px;
    }

    .font-24
    {
        font-size:16px;
    }

    .font-26
    {
        font-size:18px;
    }

    .font-28
    {
        font-size:20px;
    }
}