/* --------------- Entries are applicable to the CustomFormDevelopment.html page -------------------*/

.opening-para {
    display: table-cell;
    vertical-align: middle;
    width; 100%;
    max-width: none;
}
.opening-leftside {
    width: 23%;
    padding-left: 3px;
    padding-right: 3px;
    Padding-top: 50px;
    vertical-align: middle;
    float: left;
} 
.opening-image {
    width: 47%;
    vertical-align: middle;
    float: left;
}  
.opening-rightside {
    width: 27%;
    padding-left: 10px;
    padding-right: 10px;
    Padding-top: 50px;
    vertical-align: middle;
    float: right;
}
.SDLCforms-para:after {
    content: "";
    display: table;
    clear: both;
}
.opening-leftside p, .opening-rightside p {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
}
.opening-rightside {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
}
.opening-image .img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.enhance-para {
    display: table-cell;
    vertical-align: middle;
    width; 100%;
    max-width: none;
}  
.enhance-leftside {
    width: 48%;
    padding-left: 6px;
    padding-right: 3px;
    float: left;
}  
.enhance-rightside {
    width: 48%;
    padding-left: 3px;
    padding-right: 6px;
    float: right;
}
.enhance-para:after {
    content: "";
    display: table;
    clear: none;
}
.enhance-leftside {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
    text-align: left;
}
.enhance-leftside a {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
}
.enhance-rightside {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
    text-align: left;
}
.enhance-rightside a {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
}
.images-leftside {
    width: 48%;
    padding-left: 6px;
    padding-right: 3px;
    float: left;
}  
.images-rightside {
    width: 48%;
    padding-left: 3px;
    padding-right: 6px;
    float: right;
}
.images-para:after {
    content: "";
    display: table;
    clear: none;
}
.images-leftside {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
    text-align: center;
}
.images-rightside {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
    text-align: center;
}
.images-sample p {
    font-family: calibri, arial;
    font-size: 16px;
    font-weight: bold;
    color: darkblue;
    text-align: center;
}
.images-sample img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width: 1024px) {
    .opening-leftside {
        width: 96%;
        padding-left: 3px;
        padding-right: 3px;
        Padding-top: 3px;
        vertical-align: middle;
        float: none;
    }
    .opening-image {
        width: 96%;
        padding-left: 3px;
        padding-right: 3px;
        Padding-top: 3px;
        vertical-align: middle;
        float: none;
    }
    .opening-rightside {
        width: 96%;
        padding-left: 3px;
        padding-right: 3px;
        Padding-top: 3px;
        vertical-align: middle;
        float: none;
    }
    .opening-leftside p {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .opening-rightside p {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .opening-leftside a {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .opening-rightside a {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .opening-image img {
        width: 65%;
        height: auto;
    }
    .enhance-leftside {
        width: 96%;
        padding-left: 6px;
        padding-right: 3px;
        float: none;
    }
    .enhance-rightside{
        width: 96%;
        padding-left: 6px;
        padding-right: 3px;
        float: none;
    }
    .images-leftside {
        width: 96%;
        padding-left: 6px;
        padding-right: 3px;
        float: none;
    }
    .images-rightside {
        width: 96%;
        padding-left: 6px;
        padding-right: 3px;
        float: none;
    }
    .opening-leftside {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .opening-rightside {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .opening-leftside a {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .opening-rightside a {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .enhance-leftside {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .enhance-rightside {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .enhance-leftside a {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .enhance-rightside a {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .images-leftside {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .images-rightside {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .images-leftside a {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
    .images-rightside img {
        width: 65%;
        height: auto;
    }
    .images-leftside img {
        width: 65%;
        height: auto;
    }
    .images-rightside {
        font-family: calibri, arial;
        font-size: 14px;
        font-weight: bold;
        color: darkblue;
    }
}