body {
    min-height: 100%;
    overflow: show;
    background-image: url('bg.png');
}

.desktop {
    display: block;
}

.mobile {
    display: none;
}

#wrapper {
    overflow: hidden;
}

img {
    border: 0;
}

h6 {
    font-weight: normal;
}

.sources {
    display: none;
}

h5 {
    text-decoration: underline;
    display: block;
}

h5:hover {
    cursor: pointer;
}

a {
    text-decoration: none;
    color: inherit;
}

a:hover {
    cursor: pointer;
}

html {
    overflow: scroll;
    min-height: 100%;
    position: relative;
}

.entry-content {
    width: 100%;
    overflow: scroll;
}

#landing {
    width: 800px;
    padding-top: 30px;
    display: inline-block;
}

.circle_button {
    width: 50px;
    height: 50px;
    font-size: 40px;
    border-radius: 100px;
    border: solid 2px #000;
    display: block;
    color: #CE4C83;
    padding: 10px 5px 0;
    margin-top: 50px;
    position: relative;
    transition: font-size 1s;
}

.circle_button:hover {
    font-size: 45px;
    transition: font-size 1s;
    cursor: pointer;
}

.landing_hash {
    font-family: 'Amatic SC', cursive;
    text-align: center;
    font-size: 2.7em;
    color: #4bbfc3;
    line-height: 1em;
    position: relative;
    font-weight: regular;
    transition: font-weight 1s;
    transition: letter-spacing 1s;
}

.landing_para {
    font-family: 'Amatic SC', cursive;
    text-align: center;
    font-size: 2.7em;
    color: #4bbfc3;
    line-height: 1em;
    position: relative;
    font-weight: regular;
    transition: font-weight 1s;
    transition: letter-spacing 1s;
}

.landing_para:hover {
    font-weight: bold;
    letter-spacing: 1px;
    transition: font-weight 1s;
    transition: letter-spacing 1s;
}

.myth_box {
    width: 300px;
    display: inline-block;
    position: relative;
}

.real_box {
    width: 400px;
    display: inline-block;
    position: relative;
}

#myth_title {
    font-family: 'Amatic SC', cursive;
    text-align: center;
    font-size: 3.7em;
    color: #CE4C83;
    line-height: 1em;
    width: 100%;
    display: block;
}

#real_title {
    font-family: 'Amatic SC', cursive;
    text-align: center;
    font-size: 3.7em;
    color: #4bbfc3;
    line-height: 1em;
    width: 100%;
    display: block;
}

#landing_myth {
    float: left;
}

#landing_myth img {
    width: 300px;
    position: absolute;
    z-index: -1;
    display: inherit;
    margin-top: -20px;
}

#landing_reality {
    float: right;
    padding-bottom: 95px;
    margin-bottom: 50px;
}

#landing_reality img {
    height: 110%;
    display: block;
    width: auto;
    position: absolute;
    z-index: -1;
    left: 50%;
    top: -60px;
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.myth_para {
    font-family: 'Josefin Slab';
    font-size: 1.3em;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
    width: 80%;
    padding: 25px 10% 25px;
    display: block;
}

#landing_more {
    font-family: Josefin Slab;
    color: #4bbfc3;
    padding-top: 40px;
    display: block;
    font-size: 2em;
    letter-spacing: 1px;
    text-align: center;
    width: 150%;
    position: relative;
    left: -25%;
}

#landing_left, #landing_right {
    width: 150px;
    float: left;
}

#landing_left img, #landing_right img {
    width: 100%;
}

#landing_logo {
    width: 200px;
    float: left;
    padding: 90px 150px 0;
    margin-bottom: 60px;
    position: relative;
}

#landing_logo img {
    width: 100%;
    height: auto;
}

/* -------- Footer -------- */

#footer {
    width: 100%;
    position: absolute;
    bottom: 35px;
    padding-top: 30px;
}

#icon_row {
    display: inline-block;
    padding-bottom: 20px;
}

#footer a.icon {
    width: 30px;
    height: 30px;
    position: relative;
    padding: 0 12px;
    display: inline-block;
}

#footer .icon {
    width: 30px;
}

#footer .fbk_icon:after {
    content: url('img/ico_fbk.png');
}

#footer .twt_icon:after {
    content: url('img/ico_twit.png');
}

#footer .ins_icon:after {
    content: url('img/ico_insta.png');
}

#footer .gpl_icon:after {
    content: url('img/ico_gplus.png');
}

#footer .pin_icon:after {
    content: url('img/ico_pint.png');
}

#footer .eml_icon:after {
    content: url('img/ico_email.png');
}

/* -------- TALK ABOUT -------- */

#talkAbout {

}

.title {
    font-family: 'Amatic SC', cursive;
    text-align: center;
    font-size: 2.7em;
    color: #4bbfc3;
    line-height: 1em;
    position: relative;
    font-weight: regular;
}

#talkWhere {
    max-width: 1000px;
    padding-top: 100px;
    padding-bottom: 130px;
}

.adoptButton {
    width: 180px;
    height: 250px;
    display: inline-block;
    position: relative;
    padding: 10px;
}

.adoptImg {
    position: relative;
    height: 220px;
}

.adoptButton img {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

span.buttonName {
    width: 100%;
    text-align: center;
    height: 20px;
    display: block;
    bottom: 0;
    font-family: Josefin Slab;
    color: #000;
    font-size: 20px;
    padding: 5px 0;
}

.fa-print {
    color: #777;
}

.page-template-story_print #headerSec {
    height: 50px;
}

.page-template-story_print #headerTitle {
    height: 50px;
}

h2 {
    font-family: 'Amatic SC', cursive;
    color: #ce4b7f;
    font-size: 2.5em;
    text-align: left;
    margin-bottom: 10px;
    text-transform: lowercase;
    margin-top: 12px;
}

/* -------- WHY TALK -------- */
/* -------- HEADER -------- */

#whytalkHeader, #pregnantHeader {
    max-width: 1000px;
    padding: 20px;
}

#backButton {
    float: left;
}

.headerMenu {
    font-family: 'Amatic SC', cursive;
    text-align: center;
    font-size: 1.4em;
    color: #000;
    line-height: 1.5em;
    position: relative;
    font-weight: regular;
    letter-spacing: 1px;
    transition: all 1s;
}

.headerMenu.item a:hover {
    letter-spacing: 1.5px;
    font-weight: bold;
    color: #4bbfc3;
    transition: all 1s;
}

.headerMenu.item a {
    font-weight: regular;
    letter-spacing: 1px;
    transition: all 1s;
}

.headerMenu.item {
    float: right;
    padding: 0 25px;
}

.headerMenu ul {
    margin-top: 0;
    background: #fff;
    list-style: none;
    padding-left: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
    width: 320px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    opacity: 0;
    visibility: hidden;
    -webkit-transiton: visibility .5s, opacity .5s;
    -moz-transition: visibility .5s, opacity .5s;
    -ms-transition: visibility .5s, opacity .5s;
    -o-transition: visibility .5s, opacity .5s;
    transition: visibility .5s, opacity .5s;
}

.headerMenu.item ul li {
    letter-spacing: 1px;
    font-weight: regular;
    padding: 5px 10px;
    display: block;
    transition: font-weight 1s;
    transition: letter-spacing 1s;
}

.headerMenu.item ul li:hover {
    letter-spacing: 1.5px;
    font-weight: bold;
    transition: font-weight 1s;
    transition: letter-spacing 1s;
    cursor: pointer;
}

.headerMenu:hover ul {
    padding-top: 0;
    margin: 0;
    display: block;
    opacity: 1;
    visibility: visible;
    -webkit-transiton: visibility 1s, opacity 1s;
    -moz-transition: visibility 1s, opacity 1s;
    -ms-transition: visibility 1s, opacity 1s;
    -o-transition: visibility 1s, opacity 1s;
    transition: visibility 1s, opacity 1s;
}

/* -------- CONTENT -------- */

fade {
    opacity: .5;
}

#whyTalk img {
    width: 550px;
    position: relative;
    -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 2s; /* Firefox < 16 */
    -ms-animation: fadein 2s; /* Internet Explorer */
    -o-animation: fadein 2s; /* Opera < 12.1 */
    animation: fadein 2s;

}

#whyTalk.image img {
    width: 750px;
}

@keyframes fadein {
    from {
        opacity: 0;
        top: 100px;
    }
    to {
        opacity: 1;
        top: 0;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
        top: 70px;
    }
    to {
        opacity: 1;
        top: 0;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
        top: 70px;
    }
    to {
        opacity: 1;
        top: 0;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
        top: 70px;
    }
    to {
        opacity: 1;
        top: 0;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
        top: 70px;
    }
    to {
        opacity: 1;
        top: 0;
    }
}

h3 {
    font-family: 'Open Sans';
    color: #5dc3c7;
    font-weight: bold;
}

#whyTalk {
    padding-top: 80px;
}

#homeHeader img {
    width: 600px;
}

#homeHeader {
    padding-top: 80px;
    display: block;
}

#homeFooter img {
    width: 600px;
}

#homeFooter {
    padding-bottom: 100px;
    padding-top: 40px;
    display: block;
}

.columnBanner img {
    width: 100px;
}

.mapHeader {
    position: absolute;
    top: 10px;
    width: 50px;
}

.mapHeader img {
    width: 50px;
}

.mapHeader.left {
    left: -70px;
}

.mapHeader.right {
    right: -70px;
}

.columnBanner {
    position: absolute;
    width: 100px;
    top: 30%;
}

.columnBanner.left {
    left: -120px;
}

.columnBanner.right {
    right: -120px;
}

.subTitle {
    color: #5fc3c7;
    font-family: 'Open Sans';
    font-weight: bold;
    font-size: 1.4em;
    text-align: left !important;
    padding-top: 20px;
    display: block;
    letter-spacing: 1px;
}

.contentContainer {
    width: 600px;
    position: relative;
}

.dropdown {
    display: none;
}

#dropdown {
    display: block;
}

h2#dropdown {
    cursor: pointer;
}

.entry-title i, #dropdown i {
    font-weight: 100;
    font-size: 50%;
    position: relative;
    top: -15px;
}

/* -------- Home Template -------- */

#home h2 {
    font-family: 'Amatic SC', cursive;
    text-transform: lowercase;
    color: #ce4b7f;
    font-size: 2.5em;
    text-align: left;
    margin-bottom: 10px;
    margin-top: 12px;
}

#home p, #home li {
    font-family: 'Open Sans';
    text-align: left;
    font-weight: 100;
}

#home li {
    padding-bottom: 5px;
}

#home h3 {
    font-family: 'Open Sans';
    text-align: left;
    font-weight: bold;
}

#home p {
    margin: 0;
}

#home li h3 {
    margin-bottom: 10px;
}

/* -------- talkAbout Template -------- */

#headerSec img {
    width: 200px;
    height: auto;
    float: left;
    position: absolute;
    bottom: 15px;
    left: 0;
}

#headerImg {
    height: 200px;
    width: 200px;
    float: left;
    position: relative;
}

#headerTitle {
    float: left;
    height: 200px;
    width: 400px;
    position: relative;
}

#headerTitle h3 {
    margin: 0;
    font-family: 'Amatic SC', cursive;
    position: absolute;
    bottom: 15px;
    left: 10px;
}

#headerSec h3 {
    font-family: 'Amatic SC', cursive;
    color: #5dc3c7;
    font-size: 2.5em;
    text-align: left;
}

#headerSec {
    height: 200px;
    position: relative;
    padding-top: 20px;
    margin-bottom: -40px;
}

#talkAbout h2 {
    font-family: 'Amatic SC', cursive;
    color: #ce4b7f;
    font-size: 2.5em;
    text-align: left;
    margin-bottom: 10px;
    text-transform: lowercase;
    margin-top: 12px;
}

#talkAbout p, #talkAbout li, p {
    font-family: 'Open Sans';
    text-align: left;
    font-weight: 100;
}

#talkAbout li {
    padding-bottom: 5px;
}

#talkAbout li h3 {
    margin-bottom: 10px;
}

#chapterMap {
    position: relative;
}

#contactHeader {
    padding-top: 80px;
    display: block;
}

#contactHeader img {
    width: 400px;
}

#contactTitle {
    width: 100%;
    position: relative;
}

#contactTitle h3 {
    margin: 0;
    font-family: 'Amatic SC', cursive;
    text-align: center;
    color: #5dc3c7;
    font-size: 2.5em;
    font-weight: normal;
}

.contact-content {
    width: 600px;
}

input.wpcf7-form-control.wpcf7-text, input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email {
    height: 30px;
}

input.wpcf7-email {
    width: 500px;
}

input.wpcf7-textarea {
    width: 500px;
}

input.wpcf7-form-control.wpcf7-submit {
    font-family: 'Open Sans';
    font-weight: 100;
    font-size: 1em;
    color: #fff;
    letter-spacing: 1px;
    padding: 15px 25px;
    margin-bottom: 20px;
    border: none;
    background-color: #5dc3c7;
}

table {
    margin-bottom: 100px;
}

#wpcf7-f162-p161-o1 input.wpcf7-text, #wpcf7-f162-p161-o1 textarea.wpcf7-textarea {
    width: 600px;
}

#wpcf7-f162-p161-o1 {
    margin-bottom: 100px;
}

#storyTitle h3 {
    margin: 0;
    font-family: 'Amatic SC', cursive;
    text-align: center;
    color: #ce4b7f;
    font-size: 2.5em;
    font-weight: normal;
}

.entry-content table {
    width: 700px;
    position: relative;
    left: -50px;
}

.entry-content {
    overflow: visible;
}

.entry-content table td {
    background-color: #fff;
    font-family: 'Open Sans';
    font-weight: 100;
    padding: 10px;
    vertical-align: top;
    font-size: .8em;
}

.dk-speakup-submit {
    background: #ce4b7f !important;
    border: none !important;
    box-shadow: none !important;
}

#dk-speakup-petition-1 {
    border: none;
    box-shadow: none;
}

a.dk-speakup-facebook span {
    padding-left: 60px;
}

#dk-speakup-readme-1 {
    display: none !important;
}

.dk-speakup-share p {
    padding-left: 10px !important;
    text-align: center;
}

#dk-speakup-petition-1 h3 {
    display: none;
}

#footerTC {
    position: absolute;
    bottom: 40px;
    left: 20px;
    color: #000 !important;
}

#footerRIGHT {
    position: absolute;
    bottom: 40px;
    right: 20px;
}

.tc {
    padding: 0 10px;
    font-size: 12px;
    font-family: 'Josefin Slab';
    color: #000;
}

#footerRIGHT .tc {
    color: #ce4b7f;
}

#homeButton {
    position: relative;
    top: -10px;
    float: right;
    padding-left: 15px;
}

.page-template-talk_where h2 {
    margin-top: 42px;
}

.bubble {
    background-image: url('img/bubble_01.png');
    background-repeat: no-repeat;
    padding: 5px 10px 10px !important;
    margin: 0 10px;
}

div#container {
    overflow: show !important;
}

center {
    overflow: show !important;
}

.wpcf7-response-output {
    top: -100px;
}

/* hide the default success dialog b/c we have something better */
.wpcf7-mail-sent-ok {
    left: -100000px;
    position: relative;
}

.hashTag {
    color: #CE4C83;
    font-size: 14px;
    font-family: 'Josefin Slab';
}

.footerLink {
    padding: 0 20px 30px;
    font-size: 20px;
    font-family: 'Josefin Slab';
}

.blue {
    color: #4bbfc3;
}

.pink {
    color: #CE4C83;
}

#secondFooter {
    padding-bottom: 10px;
    z-index: 5;
}

.footerLink:hover {
    cursor: pointer;
}

/** Picture tape effect **/
.taped-up {
    display: inline-block; /* displays element as an inline element similar to <span> */
    padding: 15px; /* size of the white border */
    margin: 25px; /* position image with other page elements */
    /* give the border's background color a gradient */
    /* depending on the colors you give you can make it look new or old and faded */
    background: #FFFFFF; /*default color for browsers that don't support gradients*/
    background: -webkit-linear-gradient(left top, #FFFFFF, #FAFAF9); /* For Safari */
    background: -o-linear-gradient(bottom right, #FFFFFF, #FAFAF9); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #FFFFFF, #FAFAF9); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #FFFFFF, #FAFAF9); /* Standard syntax (should be last) */
    /* give the image a drop shadow */
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.55);
    /* give the image a slight rotation for a realistic effect */
    -ms-transform: rotate(3deg); /* IE 9 */
    -webkit-transform: rotate(3deg); /* Safari and Chrome */
    transform: rotate(3deg); /* Standard syntax (should be last) */
    /* Cleans up the jagged edges caused by the rotation a bit */
    -webkit-backface-visibility: hidden; /* Chrome and Safari */
    -moz-backface-visibility: hidden; /* Firefox */
    -ms-backface-visibility: hidden; /* Internet Explorer */
    backface-visibility: hidden; /* Standard syntax (should be last) */
    position: relative; /* lets us later position the tape relative to the box */
}

.taped-up:before {
    content: ''; /* create an empty psuedo element */
    position: absolute; /* positions the tape relative to the box created above rather than the whole page */
    background-color: rgba(255, 255, 255, 0.4); /* using rgba for the color lets us make the tape transparent */
    height: 26px; /* height of the tape */
    /* using :before places the tape on the left of the div */
    left: 100px; /* position from the left edge of the .taped-up div edge */
    top: -14px; /* position from the top edge of the .taped-up div edge */
    width: 95px; /* width of the tape */
    /*rotate the tape 5 degrees counter-clockwise*/
    -ms-transform: rotate(-5deg); /* IE 9 */
    -webkit-transform: rotate(-5deg); /* Safari and Chrome */
    transform: rotate(-5deg); /* Standard syntax (should be last) */
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); /* give the tape a slight drop shadow */
    /* giving the tape an almost transparent dotted border on the right and left gives it a nicely perforated-look at the edges */
    border-style: dotted;
    border-color: rgba(0, 0, 0, 0.1);
    border-width: 0 2px; /* border only on right and left sides */
}

@media screen and (max-width: 1024px) {

    .desktop {
        display: none;
    }

    .mobile {
        display: block;
    }

    #landing_left {
        float: left;
        padding-left: 5%;
        width: 35%;
    }

    #homeFooter {
        padding-bottom: 150px;
    }

    #landing_right {
        float: right;
        padding-right: 5%;
        width: 35%;
    }

    #landing {
        width: 100%;
    }

    #landing_logo {
        width: 35%;
        margin-bottom: 10px;
        padding: 20px 32.5% 0;
    }

    .myth_box {
        width: 45%;
        padding: 0 2.5%;
    }

    #landing_myth img {
        width: 100%;
        height: 100%;
    }

    .real_box {
        width: 45%;
        padding: 0 2.5%;
    }

    #landing_reality img {
        z-index: -4;
    }

    .myth_para {
        font-size: 1em;
    }

    #landing_more {
        padding-top: 20px;
        font-size: 1.6em;
    }

    #footer {
        bottom: 15px;
        padding-top: 0;
    }

    #footerTC {
        bottom: 0;
    }

    #footerRIGHT {
        bottom: 0;
    }

    .circle_button {
        margin-top: 20px;
    }

    #whyTalk.image img, #whyTalk img, #homeFooter img, #homeHeader img, .contentContainer, #contactHeader img, .contact-content, .entry-content table {
        width: 70%;
    }

    #whytalkHeader, #pregnantHeader {
        max-width: 100%;
    }

    .columnBanner {
        display: none;
    }

    #homeButton img {
        width: 90px;
        padding-top: 8px;
    }

    #talkWhere {
        max-width: 70%;
    }

    #talkWhere .entry-content {
        padding-bottom: 50px;
    }

    #headerImg, #headerTitle {
        width: 50%;
    }

    iframe {
        position: relative;
        left: -9%;
    }

    .entry-content table {
        left: initial;
    }

    #secondFooter {
        padding: 20px 0 80px;
        z-index: 5;
    }

    .menu.mobile {
        text-align: left;
    }

    #menuButton {
        float: left;
        padding: 10px 25px;
    }

    #menu.dropdown {
        width: 100%;
        position: absolute;
        background-color: #eee;
        z-index: 1;
        left: 0;
        top: 50px;
        padding: 15px 0 15px 20px;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
    }

    .headerMenu.item {
        width: 100%;
        float: left;
        padding: 0 10px;
    }

    .headerMenu {
        text-align: left;
        font-size: 1.4em;
    }

    .landing_para {
        font-size: 1.8em;
    }

    .landing_para:hover {
        font-weight: normal;
        letter-spacing: 0;
        transition: font-weight 1s;
        transition: letter-spacing 1s;
    }

    textarea {
        width: 90%;
    }

    .headerMenu ul {

    }

    .headerMenu ul, .headerMenu:hover ul {
        margin-top: 0;
        background: #fff;
        list-style: none;
        padding-left: 0;
        position: absolute;
        left: initial;
        transform: initial;
        z-index: 1;
        width: 320px;
        visibility: invisible;
        display: none;
        opacity: none;
        box-shadow: 1px 1px 3px rgba(0, 0, 0, .2);
        -webkit-transiton: visibility .5s, opacity .5s;
        -moz-transition: visibility .5s, opacity .5s;
        -ms-transition: visibility .5s, opacity .5s;
        -o-transition: visibility .5s, opacity .5s;
        transition: visibility .5s, opacity .5s;
    }

    .headerMenu.item ul li, .headerMenu.item ul li:hover {
        letter-spacing: 1px;
        font-weight: regular;
        padding: 5px 10px;
        display: block;
        transition: font-weight 1s;
        transition: letter-spacing 1s;
    }

    #headerSec img {
        width: 100%;
    }

    iframe {
        -moz-transform: scale(0.58);
        -webkit-transform: scale(0.58);
        -o-transform: scale(0.58);
        -ms-transform: scale(0.58);
        transform: scale(0.58);
        -moz-transform-origin: top left;
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
    }

    .contentContainer {
        margin-top: 20px;
    }

    .wpcf7-form {
        -moz-transform: scale(0.48);
        -webkit-transform: scale(0.48);
        -o-transform: scale(0.48);
        -ms-transform: scale(0.48);
        transform: scale(0.48);
        -moz-transform-origin: top left;
        -webkit-transform-origin: top left;
        -o-transform-origin: top left;
        -ms-transform-origin: top left;
        transform-origin: top left;
        font-size: 2em;
    }

    #footer a.icon {
        padding: 0 5px;
    }

    .desktop {
        display: none !important;
    }

    #rotating_real:after {
        display: block;
        content: "";
        width: 120px;
        height: 100px;
        background-image: url('img/fatherHead.png');
        background-size: contain;
        background-repeat: no-repeat;
    }

    table.alignleft {
        zoom: 45%;
    }

    #headerSec h3 {
        font-size: 1.9em;
    }

    #talkAbout h2 {
        font-size: 2.5em;
    }

    #headerImg, #headerTitle {
        height: 150px;
    }

    .dk-speakup-petition-wrap {
        width: 100% !important;
    }

    .bubble {
        margin: 0 3px;
    }

    .dk-speakup-facebook, .dk-speakup-twitter {
        width: 40% !important;
    }

    #home h2 {
        font-size: 2.5em;
    }

}

@media screen and (max-width: 700px) {

    #talkWhere {
        max-width: 90%;
    }

    #whyTalk.image img, #whyTalk img, #homeFooter img, #homeHeader img, .contentContainer, #contactHeader img, .contact-content, .entry-content table {
        width: 90%;
    }

    .adoptButton {
	position: static;
    }
    .adoptImg {
	position: static;
	height: auto;
    }
    .adoptButton img {
	position: static;
    }
    .taped-up img {
	width: 200px;
    }
    .involved-icons {
	margin-top: 50px;
    }
}


@media (max-width:444px) {
	.adoptButton:nth-child(5) {
		height: 210px;
	}
	.adoptButton:nth-child(9) {
		height: 210px;
	}
	.adoptButton:nth-child(8) {
		height: 225px;
	}
}


.tm {
	padding-right: 10px;
}

/**
* Allow page breaks on printable media
**/
@media all {
    .page-break {
        display: none;
    }
}

@media print {
    .page-break {
        display: block;
        page-break-before: always;
    }

    #whytalkHeader, #pregnantHeader, #footer, .fa-print {
        display: none;
    }
}