/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jun 6, 2020, 9:52:58 AM
    Author     : esabil
*/

.ss_frontpage_logo span
{
    color:#484848;
    font-family: Gotham-Medium;

    /*color:hsla( 338, 68%, 33%, 1);*/
    color:hsla(292, 66%, 49%, 1);

}

.ss_frontpage_marketgraph
{
    height:70vh;
    width:50vw;

    right:5em;

}

.ss_frontpage_annualgraph
{
    height:70vh;
    width:50vw;
}

.ss_frontpage_marketvsshopgraph
{
    height:70vh;
    width:55vw;
}


/* ********************************************************************************
    MOBILE PHONE
********************************************************************************  */
/* mobile - portrait (must be max width)*/
@media only screen and (max-width: 480px) ,
       only screen and (max-device-width: 480px)
{
    .ss_frontpage_marketgraph
    {
        height:20vh;
        width:90vw;
        margin-top:20vh;
        
        right:0;
    }
}

/* mobile - landscape (must be min width)*/
@media only screen and (min-width: 480px) ,
       only screen and (min-device-width: 480px)
{

}

/* ********************************************************************************
 Medium devices (landscape tablets, 768px and up) 
********************************************************************************  */
/* tablet - portrait (must be min width)*/
@media only screen and (min-width: 768px) ,
       only screen and (min-device-width: 768px)
{
    
}

/* tablet - landscape (must be min width)*/
@media only screen and (min-width: 992px) ,
       only screen and (min-device-width: 992px)
{

}