/*===============================================================================**/
/* Learn Photography template ===================================================**/
/*===============================================================================**/

#content {

}
h2.post-title  {
    font-size: 55px ;
    font-weight: 500 ;
    text-transform: capitalize ;
    color: #AA0000;
    margin: 0 0 20px 0;
    font-family: 'museo-slab';
}
a {
    color: #ba0001;
}
#software {
    margin: 40px 0;
}
#software #review {
    margin: 20px 0 10px 16px; padding: 0;
}
#software #review > li {
    margin: 0 0 10px 0;
    font-size: 18px;
    font-family: 'myriad-pro';
    color: #4e4e4e;
}
#software #review > li > a {
    color: #ba0001;
    text-transform: capitalize;
    text-decoration: underline;
}
.two-column {
    width: 100%;
    overflow: hidden;
    margin-top: 25px;
}
.two-column .left-column {
    width: 45%;
    float: left;
}
.two-column .left-column h3 {
    font-size: 1.8em;
    font-family: 'museo-slab';
    color: #4e4e4e;
    margin: 0;
    font-weight: 400;
    text-transform: uppercase;
}
.two-column .left-column p {
    font-size: 18px;
    line-height: 30px;
}
.two-column .right-column {
    float: right;
    width: 40%;
    background: url('../img/trey-card-bg.png') no-repeat;
    padding: 40px;
}
.two-column .right-column h3 {
    text-transform: capitalize;
    font-size: 1.6em;
    font-family: 'museo-slab';
    text-align: center;
    font-style: italic;
    margin: 0;
    font-weight: 300;
}
.two-column .right-column hr {
    background: #AA0000;
    height: 1px;
    border: 1px solid #AA0000;
    margin: 20px 0;
}
.two-column .right-column ul {
    list-style: none;
    margin: 30px 13px 0 13px; padding: 0;
}
.two-column .right-column ul > li {
    font-size: 24px;
    font-family: 'myriad-pro';
    margin: 30px 0;
}
.two-column .right-column ul > li > a {
    color: #AA0000;
    text-transform: capitalize;
    text-decoration: underline;
}
.camera-wrapper {
    width: 100%;
    overflow: hidden;
}
.camera-wrapper .camera-photo {
    float: left;
    width: 30%;
    text-align: center;
}
.camera-wrapper .camera-photo img {
    position: relative;
    top: 50px;
    max-width: 100%;
    height: auto;
}
.camera-wrapper .camera-description {
    float: left;
    width: 70%  ;
}
.camera-wrapper .camera-description h4 {
    color: #AA0000;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.camera-wrapper .camera-description ul {
    margin: 0 0 0 16px; padding: 0;
}
.camera-wrapper .camera-description ul > li {
    margin: 0 0 10px 0;
    font-family: 'myriad-pro';
    color: #4e4e4e;
}
.camera-wrapper .camera-description ul > li > a {
    color: #AA0000;
    text-decoration: underline;
}
.two-column .left {
    float: left;
    width: 50%;
}
.two-column .left h3,
.two-column .right h3 {
    margin: 0 ;
}
.two-column .right {
    float: left;
    width: 50%;
}
.two-column div .icon {
    float: left;
    width: 20%;
}
.two-column div .icon img {
    position: relative;
    top: 10px;
}
.two-column div .copy {
    float: left;
    width: 75%;
}
.two-column div .copy p {
    margin: 0; padding: 0;
}
#ad {
    padding: 30px 0 0 0;
    margin: 75px 0;
    text-align: center;
    border-top: 2px solid #AA0000;
}
#ad img {
    height: auto;
    max-width: 100%;
}
#ad.two {
    border-bottom: 2px solid #AA0000;
    padding: 30px 0;
}

/*===============================================================================**/
/* Medium Desktops ==============================================================**/
/*===============================================================================**/
@media(min-width: 1250px) and (max-width: 1600px) {
	/*===============================================================================**/
    /* Learn Photography template ===================================================**/
    /*===============================================================================**/
    h2.post-title {
        font-size: 50px;
    }
    .two-column div .icon {
        width: 89px;
    }
    .two-column div .copy {
        width: 68%;
    }
    .two-column .left h2, .two-column .right h2 {
        font-size: 1.8em;
    }
}
/*===============================================================================**/
/* Small Desktops ===============================================================**/
/*===============================================================================**/
@media(min-width: 1100px) and (max-width: 1250px) {
    /*===============================================================================**/
    /* Learn Photography template ===================================================**/
    /*===============================================================================**/
    h2.post-title {
        font-size: 40px;
    }
    .two-column .right-column {
        float: right;
        width: 90%;
        background: url('../img/trey-card-bg.png') no-repeat;
        padding: 5%;
        display: block;
    }
    .two-column .left h2,
    .two-column .right h2 {
        margin: 0 ;
        font-size: 1.5em ;
    }
    .two-column div .icon {
        width: 89px;
    }
    .two-column div .copy {
        width: 65%;
    }
}
/*===============================================================================**/
/* Tablet Landscape =============================================================**/
/*===============================================================================**/
@media(min-width: 900px) and (max-width: 1100px) {
    /*===============================================================================**/
    /* Learn Photography template ===================================================**/
    /*===============================================================================**/
    #software #review {
        margin: 0 0 0 20px;
    }
    .two-column .right-column {
        width: 50%;
        padding: 40px 10px;
        display: block;
    }
    .camera-wrapper .camera-photo img {
        max-width: 95%;
    }
    .camera-wrapper .camera-description ul {
        margin: 0;
    }
    .two-column .left h2,
    .two-column .right h2 {
        margin: 0 ;
        font-size: 1.5em ;
    }
    .two-column div .icon {
        width: 89px;
    }
    .two-column div .copy {
        width: 66%;
    }
}
/*===============================================================================**/
/* Tablet Portrait ==============================================================**/
/*===============================================================================**/
@media (min-width: 768px) and (max-width: 900px) {
    /*===============================================================================**/
    /* Learn Photography template ===================================================**/
    /*===============================================================================**/
    h2.post-title  {
        font-size: 2.8em !important;
    }
    #software #review {
        margin: 0 0 0 20px; padding: 0;
    }
    .two-column div .icon {
        float: left;
        width: 89px;
    }
    .two-column div .icon img {
        position: relative;
        top: 10px;
    }
    .two-column div .copy {
        float: left;
        width: 69%;
    }
}
/*===============================================================================**/
/* Phone Landscape & XL Phone Portrait ==========================================**/
/*===============================================================================**/
@media (min-width: 550px) and (max-width: 767px) {
    /*===============================================================================**/
    /* Learn Photography template ===================================================**/
    /*===============================================================================**/
    h2.post-title  {
        font-size: 2.4em !important;
    }
    .two-column {
        width: 100%;
        overflow: hidden;
    }
    .camera-wrapper {
        width: 100%;
        overflow: hidden;
    }
    .camera-wrapper .camera-photo {
        float: left;
        width: 100%;
        text-align: left;
    }
    .camera-wrapper .camera-photo img {
        position: relative;
        max-width: 42%;
        height: auto;
        top: 0;
    }
    .camera-wrapper .camera-description {
        width: 100%;
    }
    .two-column .left h2,
    .two-column .right h2 {
        margin-bottom: 15px;
    }
    .two-column .left,
    .two-column .right {
        margin: 0;
        float: none;
        width: 100%;
    }
    .two-column .left {
        margin-bottom: 50px;
    }
    .two-column .right-column {
        width: 90%;
        padding: 5%;
        margin: 10px 0 0 0;
        display: block;
    }
    .two-column div .icon {
        float: none;
        width: 100%;
    }
    .two-column div .icon img {
        position: relative;
        top: 3px;
    }
    .two-column div .copy {
        float: none;
        width: 100%;
    }
    .two-column div .copy p {
        margin: 0; padding: 0;
    }
}
/*===============================================================================**/
/* Phone Portrait  ==============================================================**/
/*===============================================================================**/
@media (max-width: 550px) {
	/*===============================================================================**/
    /* Learn Photography template ===================================================**/
    /*===============================================================================**/
    h2.post-title  {
        font-size: 1.8em !important;
    }
    a {
        text-decoration: underline;
        text-transform: capitalize;
    }
    #software #review {
        margin: 0 0 0 20px;
    }
    .two-column .left-column {
        width: 90%;
    }
    .two-column .right-column {
        width: 95%;
        padding: 5%;
        display: block;
        margin: 10px 0 0 0;
    }
    .camera-wrapper .camera-photo {
        width: 100%;
        text-align: left;
    }
    .camera-wrapper .camera-description {
        width: 90%;
    }
    .camera-wrapper .camera-photo img {
        position: relative;
        max-width: 42%;
        height: auto;
        top: 0;
    }
    .two-column .left {
        width: 100%;
    }
    .two-column .left h2,
    .two-column .right h2 {
        margin: 0 0 10px 0;
        font-size: 1.3em;
    }
    .two-column .right {
        width: 100%;
    }
    .two-column div {
        margin: 0 0 10px 0;
    }
    .two-column div .icon {
        width: 100%;
    }
    .two-column div .icon img {
        top: 3px;
    }
    .two-column div .copy {
        width: 100%;
    }
}