@charset "utf-8";
.header {
    background-color: rgba(0,0,0,1.00);
}
.header-image {
    height: 350px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url(images/Missile_Targeting_1200.jpg);
}



.navigation {
    background-color: rgba(69,77,87,1.00);
    padding-bottom: 0px;
}


.navtab-custom {
    position: absolute;
}

.content {
    background-color: #838383;
}
.footer {
    background-color: rgba(69,77,87,1.00);
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}
.inbrief {
    background-color: rgba(0,0,0,1.00);
    padding-top: 50px;
}
.portfoliotease {
    background-color: rgba(0,0,0,1.00);
    padding-top: 50px;
    padding-bottom: 10px;
}
.usefulinfo {
    background-color: rgba(0,0,0,1.00);
    padding-top: 30px;
    padding-bottom: 9px;
    padding-left: 30px;
    padding-right: 30px;
}
.recommendations {
    background-color: rgba(0,0,0,1.00);
    padding-top: 30px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
}
h5 {
    color: rgba(221,223,200,1.00);
	font-family: 'Roboto', sans-serif;
}
h6 {
    /* [disabled]color: rgba(221,223,200,1.00); */
    padding-top: 5px;
    font-family: 'Roboto', sans-serif;
}
p {
    color: rgba(221,223,200,1.00);
	font-family: 'Roboto', sans-serif;
}
.text-currentpage {
    color: rgba(196,131,64,1.00);
    /* [disabled]text-shadow: -2px 1px 3px #000000; */
    font-family: Roboto, "Roboto Black", "Roboto Light", "Roboto Medium", "Roboto Mono", "Roboto Thin";
    text-align: center;
    font-size: 20px;
}
.text-shadow {
    text-shadow: -2px 1px 3px #000000;
}
a:link {
    color: rgba(221,223,200,1.00);
}
.footer-link:hover {
}
a:hover {
    color: rgba(196,131,64,1.00);
    text-decoration: none;
}
.header-ArtLogo {
    padding-top: 0px;
    margin-top: 323px;
    margin-left: 29px;
}
.image-Title {
    margin-top: 106px;
    padding-top: 156px;
    padding-left: 65px;
    padding-bottom: 14px;
    padding-right: 487px;



}
.usefulinfo-experience {
    height: 340px;
    background-color: rgba(85,85,85,1.00);
    padding-top: 50px;
}
.usefulinfo-bars {
    background-color: rgba(131,131,131,1.00);
    height: 340px;
}
.button {
    background-color: rgba(0,0,0,1.00);
    padding-left: 13px;
    margin-left: 406px;
}
.portfolioRibbon1200 {
    background-image: url(images/PortfolioBanner-1200.jpg);
    background-position: center center;
    padding-left: 0px;
    margin-left: 92px;
}
.TitlePadding1900 {
    padding-top: 30px;



}
.recommendationtext-lg {
    padding-top: 27px;
}
.theartof-xl {
    color: rgba(221,223,200,1.00);
    font-family: 'Tangerine', cursive;
    position: absolute;
    left: 206px;
    top: 183px;
    font-size: 50px;
    text-shadow: 0px 5px 5px rgba(0,0,0,1.00);
}
.cecilcolvin-xl {
    font-family: Constantia, "Lucida Bright", "DejaVu Serif", Georgia, serif;
    color: rgba(221,223,200,1.00);
    position: absolute;
    left: 283px;
    top: 237px;
    font-size: 60px;
    text-shadow: 0 5px 5px rgba(2,2,2,1.00);
}
.hamburger {

}
.contact_body {
    background-color: rgba(0,0,0,1.00);
}
.labelformat {
    color: rgba(221,223,200,1.00);
    text-align: right;
}
.container-exp {
    background-color: #3E3E3E;
    padding-top: 25px;
}
.arttoolspadding {
    padding-top: 23px;
}
.skillsbox {
    border: 5px solid #DDDFC8;
    max-height: 31px;
    padding-top: 1px;
}
.h3 {
    color: #DDDFC8;
    font-family: Roboto, "Roboto Black", "Roboto Light", "Roboto Medium", "Roboto Mono", "Roboto Thin";
    position: absolute;
    right: 7px;
}
.profskillstext {
    top: 3px;
    left: 46px;
}

.skillsbar {
    background-color: #C48340;
    background-size: contain;
    background-repeat: no-repeat;
    padding-top: 11px;
    max-height: 0px;
}
.skillsrowpadding {
    padding-top: 13px;
}
.skillsfootpadding {
    padding-bottom: 19px;
}
.skillspct {
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 1px;
}
.elsapicfloatright {
    float: right;
}

.blackbackground {
    background-color: #000000;
}
.portfolio {
    background-color: #000000;
    padding-bottom: 114px;
}
.container-portfolio {
    padding-top: 0px;
}
.text-headpadding {
    position: relative;
    top: 45px;
}

.contact_container {
    padding-top: 31px;
    padding-bottom: 49px;
}
.container-exp {
    padding-bottom: 12px;
}
.blackbackground {
    background-color: #000000;
}
.listtextcolor {
    color: #DDDFC8;
}
.icon-center {
    position: static;
    display: block;
    margin-left: auto;
    margin-right: auto;
}












/*Mobile View*/
@media (max-width: 575px)
{
.header-image-xs {
    background-repeat: no-repeat;
    background-position: -245px center;
    padding-bottom: 244px;
    background-image: url(images/Missile_Targeting_720.jpg);
}
.theartof-xs {
    font-size: 25px;
    position: absolute;
    top: 164px;
    left: 53px;
}
.cecilcolvin-xs {
    font-size: 35px;
    position: absolute;
    top: 186px;
    left: 84px;
}
.portfolioribbon1-xs {
    background-image: url(images/PortfolioBanner-360.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding-bottom: 119px;
}
.dropdown-divider-custom {
    background-color: rgba(0,0,0,1.00);
}
.labelformat-xs {
    float: none;
    text-align: center;




}
.container-exp-xs {
    padding-bottom: 0px;
}
.profskillstext-sm {
    text-align: center;
    padding-left: 0px;
    padding-right: 72px;
}
	
}

/*Mobile View Landscape*/
@media (min-width: 576px) and (max-width: 768px)
{
.header-image-sm {
    background-image: url(images/Missile_Targeting_720.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    padding-bottom: 247px;
}
.theartof-sm {
    font-size: 28px;
    position: absolute;
    top: 164px;
    left: 37px;
}
.cecilcolvin-sm {
    font-size: 38px;
    position: absolute;
    top: 190px;
    left: 73px;
}
.portfolioribbon1-sm {
    background-image: url(images/PortfolioBanner-720.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 153px;
}
.column, input[type=submit] {
    width: 100%;
    margin-top: 0;
  }
.container-exp-sm {
    padding-bottom: 0px;
}
.profskillstext-sm {
    text-align: center;
    padding-left: 0px;
    padding-right: 72px;
}
.arttoolspadding-sm {
    padding-left: 106px;
}
.navtext-sm {
    font-size: 14px;
}
.text-currentpage-sm {
    font-size: 17px;
}


}

/*Tablet View*/
@media (min-width: 769px) and (max-width: 991px)
{
.header-image-md {
    background-image: url(images/Missile_Targeting_900.jpg);
    padding-bottom: 248px;
    background-repeat: no-repeat;
    background-position: center center;
}
.theartof-md {
    position: absolute;
    top: 160px;
    left: 45px;
    font-size: 32px;
}
.cecilcolvin-md {
    position: absolute;
    top: 184px;
    left: 69px;
    font-size: 50px;
}
.portfolioribbon1-md {
    background-image: url(images/PortfolioBanner-1200.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    padding-bottom: 140px;
}
.container-exp-md {
    padding-bottom: 0px;
}
}

/*Desktop View*/
@media (min-width: 992px) and (max-width: 1200px)
{
.header-image-lg {
    background-image: url(images/Missile_Targeting_1200.jpg);
    background-repeat: no-repeat;
    padding-bottom: 278px;
    padding-left: 0px;
    background-position: center center;
}
.theartof-lg {
    font-size: 40px;
    position: absolute;
    left: 72px;
    top: 168px;
}
.cecilcolvin-lg {
    position: absolute;
    top: 210px;
    left: 118px;
}
.portfolioribbon1-lg {
    background-image: url(images/PortfolioBanner-1900.jpg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    padding-bottom: 107px;
}
}

/*Max View*/
@media (min-width: 1201px)
{
.header-image-xl {
    background-image: url(images/Missile_Targeting_1200.jpg);
    background-position: center center;
    padding-top: 273px;
    background-repeat: no-repeat;
}
.theartof-xl {
    padding-left: 0px;
    font-size: 37px;
    position: absolute;
    left: 104px;
    top: 175px;
}
.cecilcolvin-xl {
    padding-top: 0px;
    position: absolute;
    top: 207px;
    left: 120px;
    color: rgba(221,223,200,1.00);


}
.portfolioribbon1-xl {
    background-image: url(images/PortfolioBanner-1900.jpg);
    padding-bottom: 115px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

}
.navtext-sm {
}
.text-curr {
}
.portfolio-padding {
    padding-top: 56px;
}
.portfolio-webdesign-padding {
    padding-top: 52px;
}
.seal-float {
    float: none;
    padding-top: 0px;
    text-align: left;
    padding-left: 0px;
}
.thumbborder {
    margin-left: 0px;
    padding-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    border: 4px solid #838383;

}

/* Change 03B: keep the footer fixed at the bottom of the browser window on all pages. */
body {
    padding-bottom: 95px;
}

.footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 1000;
}