﻿/**************** CONTENT ****************/
#content { padding: 60px 0 70px;}
#content a{color:#0087DC; text-decoration:none;}
#content a:hover{text-decoration:underline;}
#content > *{margin-top:50px !important;}
#content .addMarginTop > * {
    margin-top: 50px !important;
}
#content > *:first-child{margin-top:0px !important;}
#content h3{font-size:36px; line-height:39px; margin-bottom:10px;}
#content h4{margin-bottom:10px;}
#content hr{border-top:1px solid #969696; margin:30px 0;}
#content p{margin:0 0 30px;;}
#content * > p:last-of-type{margin-bottom:0 !important;}
#content .centered{ width: 100%; max-width: 755px; margin: 0 auto;}
#content .indent{max-width: 550px;}
#content .centered .indent{margin:30px auto 0;}
#content #title_and_share{margin-bottom:7px;}
#content #share{ float:right; width:19px; height:19px; background:url(../images/general/share.png) top left no-repeat; display:inline-block; text-indent:-9999px; margin-left: 15px;}
#content .margin-top { margin-top: 50px; }
#share_popup {width:250px; height:100px;}
#share_popup a{width:48px; height:48px; background-size:100% !important; background-repeat:no-repeat !important; text-indent:-9999px; display:block; float:left; margin-left: 19px; margin-top: 40px;}
#share_popup a:first-child{margin-left:0;}
#share_popup #fb_share{background:url(../images/general/fb.png);}
#share_popup #tw_share{background:url(../images/general/tw.png);}
#share_popup #in_share{background:url(../images/general/in.png);}
#share_popup #wa_share{background:url(../images/general/wa.png); display:none;}

/*****************************************/

@media screen and (max-width: 980px) {
	
    h2 {font-size: 26px; line-height: 29px; }
    h3 {font-size: 28px !important; line-height: 30px !important;}
    h4 {font-size: 19px; line-height: 23px;}
    .ingres { font-size: 17px; line-height: 21px;}
    .textcopy {font-size: 14px; line-height: 20px;}

    #share_popup #wa_share{display:block;}

}
	
@media screen and (max-width: 640px) {
    #content .indent{max-width:none;}
    #content { padding: 30px 0 40px;}
    #content > * { margin-top: 30px !important;}
}

@media screen and (max-width: 500px) {
    #question #feedback_form { width: 280px;}
}