/*******************************************************************************/
/* CSS for: Typogrpahy */
/*******************************************************************************/

h1 {
    font-family: 'Roboto Condensed';
    font-size: 300%;
    margin: 0;
    font-weight: 300;
    line-height: 54px;
}

h2 {
    font-family: 'Roboto Condensed';
    font-size: 250%;
    margin: 0;
    font-weight: 400;
    line-height: 54px;
    margin-bottom: 50px;
}

h2::after {
    content: '';
    display: block;
    height: 4px;
    width: 50px;
    background-color: #232B56;
    margin-top: 15px;
}

h3 {
    font-family: 'Roboto Condensed';
    font-size: 200%;
    margin-bottom: 40px;;
}

h4 {
    font-family: 'Roboto Condensed';
    font-size: 150%;
    margin: 0;
    display: block;
    margin-bottom: 20px;
    color: #005CA8;
}

h5 {
    font-family: 'Roboto Condensed';
    font-size: 100%;
}

h6 {
    font-family: 'Roboto Condensed';
    font-size: 100%;
    margin: 0;
}


/* CSS for: p tags */

p {
    font-size: 18px;
    color: #6F6F6F;
    margin-bottom: 10px;
}

.p-darkblue {
   color: #232B56; 
}

.p-white {
   color: #fff;
}

.p-royalblue {
   color: #005CA8;
}

.p-greyblue {
   color: #729AB1; 
}

.p-lightgreyblue {
   color: #A1C2D5; 
}

.p-lightblue {
   color: #009EE2; 
}


ul {
    list-style: none;
}

ul li {
    font-size: 18px;
    color: #6F6F6F;
    padding-left: 40px;
    background-image: url(img/ios-arrow-round-forward.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    background-position: top -4px left -4px;
    margin-bottom: 30px;
}

#general-content ul {
    margin-top: 50px;
    display: block;
}


/*******************************************************************************/
/* Queries for: LAPTOP */
@media only screen and (max-width: 1024px) {
    h2 {
        font-size: 200%;
        margin-bottom: 30px;
    }
}
