/* 7 COLUMN BOOTSTRAPS */
 @media (min-width: 1200px) {
	 .seven-cols .col-md-1, .seven-cols .col-sm-1, .seven-cols .col-lg-1 {
		 width: 14.285714285714285714285714285714%;
		 *width: 14.285714285714285714285714285714%;
	}
}

/* HIDE AT SOME WIDTHS */
SPAN.d-sm-block{
    display:none;
}
@media (min-width: 768px){
    SPAN.d-sm-block {
        display:inline;
    }
}

/* HEADERS*/
SECTION.bg-homepage_intro H1{
    font-family: "BrixSansBold", Helvetica, Arial, sans-serif;
    font-size: 4em;
    text-transform: uppercase;
    font-weight: normal;
    color: #006a96;
    letter-spacing: .5px;
}
SECTION.bg-homepage_intro H1 SPAN.hdr-secondary{
	display:block;
	font-size:.6em;
}
/* This is for the page headers on each sub-page */
SECTION.section-hdr H1{
    font-family: "BrixSansBold", Helvetica, Arial, sans-serif;
    font-size: 4em;
    text-transform: uppercase;
    font-weight: normal;
    color: #006a96;
    letter-spacing: .5px;
}
SECTION.section-hdr H1 SPAN.hdr-secondary{
	display:block;
	font-size:.6em;
}
/* LIKE JUMBOTRON */
@media (min-width: 768px){
    H2 {
        font-size: 2.6em;
    }
}
H2, H3{
    margin-bottom: 11.5px;
    text-transform: uppercase;
    font-weight: 700;
}
H2{
    margin-top:0px;
}
H3{
    margin-top: 23px;
}
/* On the Mission Statement page */
H3.mission_statement{
    margin-top:0px;
    background-color:#006A96;
    color:#FFF;
    padding:5px;
}
/* H4 - when you want a bold header above some text - non transformed */
H4{
    margin-top:0px;
	margin-bottom:0px;
	font-weight:bold;
}
H4 SPAN.hdr-secondary{
	display:block;
	font-size:.8em;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight:normal;
}

/* JUMBOTRON HACK - so that our bands don't have white space around them */
SECTION.jumbotron-hack-band{
    margin-top:0px;
    margin-bottom:0px;
    border-radius:0px!important;
}
/* FIX THE CAROUSEL FROM HAVING MARGINS */
.qb-carousel{
    margin-bottom:0px;
}
/* YOUTUBE HACK FOR RESPONSIVE WIDTH */
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/* BACKGROUNDS - COLORS */
.bg-blue{
	 background-color:#006A96;
}
.bg-grey{
	 background-color:#EEE;
}
.bg-yellow{
	 background-color:#FFCD00;
}
/* BACKGROUNDS - IMAGES (and text colorization if needed) */
SECTION.bg-events {
    background: url(/_images/beach_and_sand2.jpg);
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}
SECTION.bg-trident-grey {
    background: url(/_images/bg_blue_lines.png);
    background-color: #EEEEEE;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}


/* LINKS */
.panel.panel-primary .text-link {
    color: #006A96;
    text-transform: uppercase;
    font-weight:bold;
}
/* link like the yellow button used on ucsd.edu */
A.btn-yellow {
    font-family: "BrixSansBold", Helvetica, Arial, sans-serif;
    text-transform: uppercase;
    letter-spacing: .08em;
    font-size: 15px;
    padding: .8em 1.5em;
    min-width: 200px;
    margin-bottom: 1em;
    font-weight: bold;
    background-color: #ffcd00;
    color: #484949;
    font-family: inherit;
    transition: all .3s;
    border: 0;
    border-radius: 0;
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
}
A.btn-yellow:hover,
A.btn-yellow:active { 
    color: #484949; 
    background-color: #fff; 
    border-color: transparent; 
    -webkit-transition: all 0.3s; 
    transition: all 0.3s;
}


/* IMAGE */
IMG.fill{
    display:block;
    width:100%;
}
/*
IMG.image-margin-match-h2{
    margin-top: 23px;
}
*/
IMG.circle{
    border-radius: 50%;
}

/* FIX THE LACK OF JUMBOTRON SIDE IMAGE */
.jumbotron.jumbotron-full-height {
    min-height: 435px;
}
.jumbotron-white{
    background-color:#FFF;
}
.side-image { 
    position: relative;
}
.side-image .image-container { 
    overflow: hidden; 
    position: absolute; 
    height: 100%; 
    padding: 0px; 
    top: 0px;
}
.background-image-holder { 
    position: absolute; 
    top: 0px; 
    height: 100%; 
    width: 100%; 
    background-size: cover !important; 
    z-index: 0; 
    background-position: 50% 50% !important;
}
.image-container-mobile .background-image-holder { 
    height: 200px; 
    position: relative; 
    /*
    background-position-y: top !important 
    */
}
.side-image-white { 
    background: #fff;
}


/* NON LINK BUTTON */
SPAN.btn-nonlink-closed{
    background-color:#FF0000;
    color:#FFFFFF;
    padding:3px;
}


/* TABLE */
TABLE.table-simple-style{
    width:100%;
    border:1px solid #006A96;
    margin:20px 0;
}
TABLE.table-simple-style THEAD TH{
    background-color:#006A96;
    color:#FFF;
}
TABLE.table-simple-style TR:nth-child(even) {
    background-color: #EEEEEE;
}
TABLE.table-simple-style TH, TABLE.table-simple-style TD{
    padding:5px;
}


/* TEXT */
SECTION.txt-white, SECTION.txt-white H2 {
    color:#FFF;
}
P.large_quote{
    font-size:1.3em;
    color:#006A96;
    text-align:center;
}
@media only screen and (min-width: 768px) {
	P.large_quote{
        font-size:1.5em;
        text-align:left;
    }
}
P.large_quote {
  quotes: "“" "”" "‘" "’";
}
P.large_quote:before {
    content: open-quote;
}
P.large_quote:after {
    content: close-quote;
}
P.coming_soon{
    color:#FF0000;
    font-weight:bold;
}
.text-indent{
    margin-bottom: 1.5em;
}
.txt-indent-desktop{
    margin-left:40px;
}
@media (min-width: 992px){
    .text-indent-h2 SPAN.hdr-secondary{
        margin-left: 2em;
        display:block;
    }
}
@media (min-width: 992px){
    .text-indent-h1 p, .text-indent-h2 p {
        margin-left: 4.8em;
    }
}
SPAN.img-txt-link-footer{
    font-size:.8em;
    font-style: italic;
    margin-top:5px;
    display:block;
}


/* SECTION */
SECTION.section-hdr .container .row{
    margin-top:10px !important;
    margin-bottom:10px !important;
}
SECTION.section-margin-row .container .row {
    margin-top: 40px;
    margin-bottom: 40px;
}
SECTION.section-margin-container .container {
    margin-top: 40px;
    margin-bottom: 40px;
}
SECTION.section-padding-container .container{
    padding-top: 40px;
    padding-bottom: 40px;
    
}
.row-padding-extra{
    padding-top:20px;
    padding-bottom:20px;
}
/*
@media only screen and (min-width : 768px) {
*/
   .row-equal-col.row {
	 display: flex;
	 flex-wrap: wrap;
   }
   .row-equal-col.row > [class*='col-'] {
	 display: flex;
	 flex-direction: column;
   }
  .row-equal-col.row:after, 
  .row-equal-col.row:before {
	 display: flex;
  }
  .row-equal-col .panel{
      height:100%;
  }
/*
}
*/


/* FOR LOGO GRIDS */
SECTION.section-logo-grid H2{
    text-align:center;
}
SPAN.logo-grid-link-title{
    text-align:center;
    text-transform:uppercase;
    font-size:.8em;
    margin-top:10px;
    display:block;
}
.logo-grid-box{
    margin:20px 0;
}
/* 576 */
@media only screen and (min-width : 768px) {
    .logo-grid-box{
        margin:0px 0;
    }
    SPAN.logo-grid-link-title{
        font-size:.9em;
    }
}
/* SECTION EVENT SCHEDULE */
SECTION.section-events-schedule{
    margin-top:40px;
    margin-bottom:40px;
}
SECTION.section-events-schedule-divider{
    margin-top:40px;
}
SECTION.section-events-schedule .container-fluid {
    /*
    margin-top: 40px;
    margin-bottom: 40px;
    */
}
SECTION.section-events-schedule .container .row, 
SECTION.section-events-schedule-divider .container .row{
    padding-top: 20px;
    padding-bottom: 20px;
}
SECTION.section-events-schedule .container-fluid .row:nth-child(odd) .container .row {
    background-color: #EEEEEE;
}
SECTION.section-events-schedule .container-fluid .row .container .row {
    background-color: transparent;
}
SECTION.section-events-schedule .row-header, SECTION.section-events-schedule .row-header .container .row,
SECTION.section-events-schedule-divider .row-header, SECTION.section-events-schedule-divider .row-header .container .row{
    background-color: #006A96!important;
    color:#FFF;
}
SECTION.section-events-schedule .row-header H2, SECTION.section-events-schedule-divider .row-header H2{
    color:#FFF;
}
SECTION.section-events-schedule SPAN.title{
    display:block;
    font-weight:bold;
}
SECTION.section-events-schedule SPAN.time{
    display:block;
}
SECTION.section-events-schedule SPAN.location{
    display:block;
    font-style:italic;
}
/* SECTION THREE BOXES */
SECTION.section-three_boxes H2{
    color:#FFFFFF;
}
SECTION.section-three_boxes .panel{
    border: none;
    border-radius: 0px;
    margin-bottom: 23px;
}
SECTION.section-three_boxes .panel.panel-primary {
    box-shadow: inset 0 0 40px rgba(0,0,0,0.4);
    color: #FFFFFF;
    background: rgba(0, 106, 153, 0.85);
}
SECTION.section-three_boxes .panel.panel-primary .panel-body {
    padding: 1em 2em 1.5em 2.5em;
}
SECTION.section-three_boxes .panel.panel-primary .panel-body H3{
    color:#FFFFFF;
    min-height: 95px;
    line-height: 30px;
}
SECTION.section-three_boxes .panel.panel-primary .panel-body A{
    color:#FFF;
    text-transform: uppercase;
    font-family: "BrixSansBold", Helvetica, Arial, sans-serif;
    color: #e7ebee;
    border-bottom: 1px solid #fff;
    /*
    font-size: 0.8em;
    */
    letter-spacing: 0.08em;
}
SECTION.section-three_boxes .panel.panel-primary .panel-body P {
    /*
    line-height: 1.15em;
    */
    padding-bottom: 22px;
    margin-bottom: 15px;
}


/* TEXT OVER HIGHLIGHT IMAGE */
.txt-over-highlight-img{
	/*
	background-color:#006A96;
	*/
	padding-top:30px;
	padding-bottom:30px;
	background: url('/render/file.act?path=/_images/bg_blue_lines_v2.jpg');
	background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}
 .txt-over-highlight-img .responsive-cell IMG.responsive-image {
	 display: block;
	 opacity: 0.5;
	 width: 100%;
}
 .txt-over-highlight-img .responsive-cell A:hover IMG {
	 opacity: 1;
}
 .txt-over-highlight-img .responsive-cell SPAN.title {
	 position: absolute;
	 top: 50%;
	 left: 50%;
	 -ms-transform: translate(-50%, -50%);
	 transform: translate(-50%, -50%);
	 color: #fff;
	 font-size: 40px;
	 line-height: 40px;
	 width: 100%;
	 text-shadow: 0 2px 4px rgba(0, 0, 0, 50%);
	 padding: 10px;
}
 .txt-over-highlight-img .responsive-cell {
	 position: relative;
	 text-align: center;
	 display: -ms-flexbox;
	 display: flex;
	 -ms-flex: 0 1 auto;
	 flex: 0 1 auto;
	 margin: 10px;
	 background-color: #000;
}
 .txt-over-highlight-img .responsive-cell A {
	 width: 100%;
}


/* LINK GRID */
SECTION.link-grid{
    background-color:#000;
    color:#FFF;
}
A.link-grid-link{
    border: 4px solid #7496a3;
    background-color: transparent;
    color: #fff;
    font-family: "BrixSansBold", Helvetica, Arial, sans-serif;
    font-size: 1.4em;
    text-transform: none;
    margin-top: .6em;
    margin-bottom: .6em;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    word-wrap: break-word;
    letter-spacing: 0;
    display:block;
    width:100%;
}
A.link-grid-link:hover,
A.link-grid-link:focus {
	background-color: #3F7387;
	text-decoration: none;
	color:#FFF;
}


/* SPECIFIC PAGES */

/* BACKGROUNDS FOR BLOCK TXT-IMG AND GRID */
/* sometimes you need a top/bottom border too */
.bg-academic_resources{
    background-image: url(/_images/bg-academic_resources.jpg);
}
.bg-academic_support{
    background-image: url(/_images/bg-academic_support.jpg);
}
.bg-accessing_your_students_bill{
    background-image: url(/_images/bg-accessing_your_students_bill.jpg);
}
.bg-additional_resources{
    background-image: url(/_images/bg-blue_lines.jpg);
}
.bg-additional_financial_aid_resources{
    background-image: url(/_images/bg-additional_financial_aid_resources.jpg);
}
.bg-alumni{
    background-image: url(/_images/DelToroTriton.jpg);
}
.bg-ask_a_parent{
    background-image: url(/_images/5DSC_0529UCSanDiegoPublications_ErikJepsen.jpg);
}
.bg-being_well_as_a_student{
    background-image: url(/_images/bg-being_well_as_a_student.jpg);
}
.bg-campus_advocacy_resources_and_education{
    background-image: url(/_images/bg-campus_advocacy_resources_and_education.jpg);
}
.bg-campus_and_academic_policies{
    background-image: url(/_images/bg-campus_and_academic_policies.jpg);
}
.bg-campus_community_centers{
    background-image: url(/_images/bg-library_full.jpg);
    background-position: left top;
    background-size: contain!important;
    background-repeat: no-repeat;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.bg-campus_resources{
    background-image: url(/_images/bg-campus_resources.jpg);
}
.bg-campus_safety{
    background-image: url(/_images/bg-campus_safety.jpg);
}
.bg-contact_information{
    background-image: url(/_images/bg-sun_god.jpg);
}
.bg-dispute_a_billing_statement{
    background-image: url(/_images/bg-dispute_a_billing_statement.jpg);
}
.bg-emergency_operations_plan{
    background-image: url(/_images/bg-emergency_operations_plan.jpg);
}
.bg-enrollment_and_registration_calendar{
    background-image: url(/_images/bg-calendar.jpg);
}
.bg-family_of_the_year{
    background-image: url(/_images/bg-family_of_the_year.jpg);
}
.bg-family_weekend{
    background-image: url(/_images/bg-family_weekend.jpg);
}
.bg-form_1098_t_tuition_statement{
    background-image: url(/_images/bg-irs.jpg);
}
.bg-mission{
    background-image: url(/_images/king-triton-point.jpg);
}
.bg-mission_statement{
    background-image: url(/_images/bg-mission_statement.jpg);
}
.bg-ambassador_program_intro{
    background-image: url(/_images/bg-ambassador_program_intro.jpg);
}
.bg-new_international_student_orientation{
    background-image: url(/_images/students-box.jpg);
}
.bg-homecoming_weekend_ref{
    background-image: url(/_images/bg-homecoming_weekend_ref.jpg);
}
.bg-international_parent_family_orientation_program{
    background-image: url(/_images/bg-international_parent_family_orientation_program.jpg);
}
.bg-giving_to_uc_san_diego{
    background-image: url(/_images/students-box.jpg);
}
.bg-homepage_links{
    background-image: url(/_images/bg-library_full.jpg);
    background-position: left top;
    background-size: contain!important;
    background-repeat: no-repeat;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.bg-international_parent_and_family_orientation{
    background-image: url(/_images/bg-international_welcome_video_thumbnail_1.jpg);
    /*
    background-image: url(/_images/bg-international_parent_and_family_orientation.jpg);
    */
}
.bg-triton_family_web_series{
    background-image: url(/_images/bg-triton_family_web_series.jpg);
}
.bg-hompeage-siblings_day{
    background-image: url(/_images/bg-siblings_day_intro.jpg);
}
.bg-life_on_campus{
    background-image: url(/_images/bg-life_on_campus.jpg);
}
.bg-living_on_campus{
    background-image: url(/_images/bg-living_on_campus.jpg);
}
.bg-local_resources{
    background-image: url(/_images/bg-local_resources.jpg);
}
.bg-meet_the_staff{
    background-image: url(/_images/bg-meet_the_staff.jpg);
}
.bg-parent_and_family_guide{
    background-image: url(/_images/bg-parent_and_family_guide.jpg);
}
.bg-parent_family_orientation{
    border-top: 1px solid #eee;
}
.bg-parking_and_transportation{
    background-image: url(/_images/bg-parking_and_transportation.jpg);
}
.bg-police_department{
    background-image: url(/_images/bg-police_department.jpg);
}
.bg-programs_beyond_the_classroom{
    background-image: url(/_images/bg-programs_beyond_the_classroom.jpg);
}
.bg-publications{
    background-image: url(/_images/bg-publications.jpg);
}
.bg-siblings_day{
    background-image: url(/_images/bg-siblings_day.jpg);
}
.bg-sideimg-tcpl{
    background-image: url(/_images/bg-sideimg-tcpl.jpg);
}
.bg-student_life_links{
    background: linear-gradient(rgba(0,70,95,0.90), rgba(0,70,95,0.90)), url(/_images/bg-quiz_bg_xl.jpg) no-repeat top;
    background-size: 100% !important;
}
.bg-summer_send_off{
    background-image: url(/_images/bg-summer_send_off.jpg);
}
.bg-triton_family_connection{
    background-image: url(/_images/bg-triton_family_connection.jpg);
}
.bg-triton_cash_card{
    background-image: url(/_images/bg-triton_cash_card.jpg);
}
.bg-triton_community_programming_leaders{
    background-image: url(/_images/bg-triton_community_programming_leaders.jpg);
}
.bg-triton_parent{
    background-image: url(/_images/bg_triton_parent.jpg);
}
.bg-triton_registration_installment_plan{
    background-image: url(/_images/bg-triton_registration_installment_plan.jpg);
}
.bg-waive_student_health_insurance{
    background-image: url(/_images/health-insurance.jpg);
}
.bg-triton_transitions_calendar{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    /*
    background-image: url(/_images/bg-triton_transitions_calendar.jpg);
    */
}
.bg-tcpl_position_responsibilities{
    background-image: url(/_images/bg-tcpl_position_responsibilities.jpg);
}
.bg-tcpl_leadership_team{
    background-image: url(/_images/bg-tcpl_leadership_team.jpg);
}
.bg-siblings_day_intro{
    background-image: url(/_images/bg-siblings_day_intro.jpg);
}
.bg-parent_family_guide {
    background-image: url(/_images/sideimg-parent_family_guide.jpg);
}
.bg-library_transition {
    background-image: url(/_images/sideimg-library_transition.jpg);
}
.bg-family_connection {
    background-image: url(/_images/sideimg-family_connection.jpg);
}

/* SUB NAV */
SECTION.section-sub-nav{
    background-color:#006A96;
    background-image: url(/_images/bg-blue_lines.jpg);
}
A.sub-nav-list{
    background-color:#FFCD00;
    width:100%;
    height:100%;
    margin:10px 0;
    padding:10px 10px;
    text-align:center;
    line-height:20px;
    font-weight:bold;
    display:block;
    font-size: .9em;
}
@media only screen and (min-width: 768px) {
    A.sub-nav-list{
        margin:20px 0;
        padding:20px 10px;
    }
}
A.sub-nav-list:hover, A.sub-nav-list:active{
    background-color:#FFF;
}
A.sub-nav-active{
    background-color:#FFF;
}


/* FAQ */
UL.faq{
    list-style-type: none;
    padding-left:0px;
}
UL.faq LI{
    margin:40px 0;
}
UL.faq LI UL LI{
    margin:0px;
}
UL.faq LI H3{
    margin-bottom:5px;
}


/* SCHEDULE FOR EVENTS */
UL.schedule_of_events LI{
    margin:20px 0;
}
UL.schedule_of_events LI UL LI{
    margin:0px;
}
UL.schedule_of_events SPAN.title{
    display:block;
    font-weight:bold;
}
UL.schedule_of_events SPAN.time{
    display:block;
}
UL.schedule_of_events SPAN.location{
    display:block;
    font-style:italic;
}
UL.schedule_of_events P.keys{
    font-style:italic;
}
P.note{
    font-style:italic;
    font-weight:bold;
}
IMG.event-homecoming {
    max-width:120px;
}

/* HOMECOMING IMPORTANT LIST ITEM */
LI.imporant-point{
    font-weight:bold;
    /*
    text-decoration: underline;
    */
    font-size:1.3em;
    background-color: #FFCD00;
}

/* HOMECOMING EVENT PACKAGE BLOCKS */
SPAN.package_hdr{
    font-size:2em;
    text-transform: uppercase;
    text-align:center;
    color:#FFF;
    display:block;
}
.package_weekend SPAN.package_hdr{
    background-color: #006A96;
}
.package_saturday SPAN.package_hdr{
    background-color: #FFCD00;
}


/* RESOURCES */
SECTION.bg-must_see_places{
    background: url(/_images/bg_blue_lines.png);
    background-color: #006A96;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}
SECTION.bg-must_see_places H2{
    color:#FFF;
}
SECTION.bg-must_see_places .panel {
    border: 2px solid #FFCD00;
    margin-bottom: 20px;
    background-color: #fff;
    border-radius: 4px;
}



/* GET INVOLVED */
.iframe_sa_forms{
    margin-top:30px;
}


/* STUDENT LIFE */
SECTION.bg-resources_or_tips{
    background: url(/_images/bg_blue_lines.png);
    background-color: #EEEEEE;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
}
UL.student_life LI{
    
}

/* ABOUT - TCPL */
SECTION.bg-tcpl {
    background: url(/_images/bg_blue_lines.png);
    background-color: #006A96;
    background-size: cover !important;
    background-repeat: no-repeat;
    background-position: center;
    color:#FFFFFF;
}
SECTION.bg-tcpl H2{
    color:#FFFFFF;
}
SECTION.bg-tcpl A{
    color:#FFFFFF;
}
.tcpl_experience_quote{
	margin:30px 0;
}
SPAN.tcpl_experience_quote_author{
	display:block;
	font-size:.8em;
	font-style:italic;
}
.tcpl-staff IMG{
	border-radius: 50%;
	margin-top: 20px;
	margin-bottom:20px;
}
.tcpl-staff .info_container{
    font-style: italic;
    margin-bottom:10px;
}
.tcpl-staff .quote_container P.quote_question{
    font-weight:bold;
    margin-bottom:0px;
}
.tcpl-staff .info_container SPAN.year::after, .tcpl-staff .info_container SPAN.college::after{
    content: " |";
    color:#CCC;
}
.tcpl-staff H2, .tcpl-staff .info_container{
	text-align:center;
}
@media only screen and (min-width: 768px) {
	.tcpl-staff H2, .tcpl-staff .info_container{
		text-align:left;
	}
}



/* USED MANY TIMES OVER AND OVER */

/* GOOGLE TRANSLATE */
.google_translate{
	background-color:#FFCD00;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}
.google_translate H4{
	font-size:12px;
	font-weight:normal;
}

/* SOCIAL */
.social-links{
	background-color:#182B49;
	padding-top:30px;
	padding-bottom:30px;
}
 UL.social LI{
	 display:inline;
	 margin: 0 10px 0 10px;
	color:#FFF;
	font-size:40px;
}
UL.social LI A{
    color:#FFFFFF;
}
UL.social LI A:hover{
    color:#006A96;
}

/* CONTACT INFO */
.contact_info{
    background-color: #FFF;
    margin:20px 0;
}