﻿/* main */

@media only screen and (min-width: 720px) {
    
    .container {

 padding-left: 50px;
 padding-right: 50px;
}



}

@media only screen and (max-width: 720px) {
    
    .container {

 padding-left: 10px;
 padding-right: 10px;
}


}

@media only screen and (max-width: 991px) {
    

.img-responsive > img, .img-responsive > a > img, .img-responsive p img {
    display: block;
    max-width: 100%;
    height: auto;
    margin: auto;
}

}


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {

margin-bottom: 0px;
   
}


p {
    margin: 0 0 10px;
}

h1 {
    font-family: 'Oswald', Impact, sans-serif;
    background: none;
    border-bottom: none;
    padding: 20px 10px 10px 38px;
    margin-left: -40px;
    margin-right: -40px;
    margin-bottom: 35px;
    color: #fff;
    font-weight: 500;
    font-size: 2em !important;
}


/* COLOUR CHANGE --------------------------------------------------------------*/

h2 {
        font-family: 'Oswald', Impact, sans-serif;
    background: #CC091C;
    border-bottom: transparent;
    padding: 10px 20px 10px 20px;
    margin-left: -20px !important;
    margin-right: -20px !important;
    margin-bottom: 25px;
    margin-top: 45px;
    color: #fff;
    font-weight: 400;
    font-size: 1.8em !important;
    border-left: none;
    display: block;
    width: calc(100% + 40px);
}


h3 { font-family: 'Oswald', Impact, sans-serif;
font-weight: 400;

}

.custom-div-two {

    background-color: #fff;
    border: 1px solid #CC091C;
    padding: 20px 40px 20px 40px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    margin-left: 20px;
    margin-right: 20px;
    color: #CC091C;
    font-size: 1.2em;

        font-weight: 500;
}


.panel-default>.panel-heading {
    color: #fff;
    background-color: #059C9E;
    border-color: #059C9E;
}

.panel-default {
    border-color: #059C9E;
max-width: 844.656px;
    margin: 20px auto;
 
}

.alert {
    padding: 15px;
    margin-bottom: 20px;
    margin-top: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    margin-left: 20px;
    margin-right: 20px;
}


.alert-info {
    background-color: #FEFAEC;
    border-color: #F3C316;
    color: #000;
}


/* COLOUR CHANGE END --------------------------------------------------------*/

body {
	font-family: 'Lato', sans-serif;
    font-size: 1.8em;
	padding: 0 0 40px 0;
}

ul, ol {
    font-size: inherit;
    overflow: hidden;
}


/* references */

.references p {
color: #000;
background: none;
font-size: 0.7em !important;

}

.references h2 {
 border-top: 1px solid #fff !important;
color: #fff;
background: none;
font-size: 1.5em !important;
margin-bottom: 15px;
padding-top: 30px;
}


/* img */



figcaption {
padding-top: 4px;
    font-size: 14px;
}

.copyright, .cel_copyright {

padding: 0px 0;
text-align: left;    
}

.centerImageLarge {
    max-width: 844.656px;
    margin: 20px auto;
    border: 1px solid #ccc;
    padding: 10px;
    box-shadow: 0 0 14px #d6d6d6;
}


element.style {
    width: 100%;
}



/* custom divs */

.custom-div-one {

    background-color: #F5F5F5;
    border: 1px solid #d4d4d4;
    padding: 20px 40px 20px 40px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom:20px;
    margin-left: 20px;
    margin-right: 20px;
        box-shadow: 0 0 14px #d6d6d6;
}



.custom-div-one h3{

margin-bottom: 10px;
margin-top: 0px;
}

.divider {

    border-bottom: 1px solid #ddd;
    line-height: 0px;
 margin-bottom: 20px;
    margin-top: 20px;
}

.custom-div-one .divider{

margin-top: 30px;

}




.custom-div-two h3{

margin-bottom: 10px;
margin-top: 0px;
}

.well {
    min-height: 20px;
    padding: 10px;
     margin: 20px auto;
    background-color: #fff;
     border: 1px solid #ccc;
    border-radius: 4px;
 box-shadow: 0 0 14px #d6d6d6;

}

.well img {

    margin: auto;
}


.well figcaption {
    padding: 10px;
    margin: 10px -10px 0 -10px;
    border-top: 1px solid #EAEAEA;
    font-size: 14px;
}




.panel-title {

    font-size: 1.4em;
}

.panel-body {
    padding-left: 20px;
}





.panel-title::before {

content: "On Your Own" !important;    
}


.references p {
	margin: 0cm 0cm 0.0001pt 36px;
    text-indent: -36px;
    font-size: 12px;
	margin-bottom: 5px;
}


.copyright, .cel_copyright {
	margin: 0cm 0cm 0.0001pt 20px;
    text-indent: -20px;
    font-size: 12px;
	margin-bottom: 5px;
}