@import url('/styles/common.css');

header {
    position:static;
}

content {
	display:block;
    padding: 20px 20px 20px 20px;
}

content .specialHeader1 {
    font-weight:bold;
    color:green;
    margin-bottom: 10px;;
}

content .picType1 {
    width:100%;
    border: 1px solid green;
    border-radius: 6px;
}

content a{
	color: green;
}

content a:hover{
	text-decoration: underline;
}

content.contentPages .processImg {
    width:100%;
/*    border:1px solid red;*/
    margin:auto;
}

/*content.contentPages .processImg img {
    width:100%;
}*/

content.contentPages .processImg .forDesktop {
    display:none;
    width:100%;
}

content.contentPages .processImg .forMobile {
    display:block;
    width:100%;
}

content.contentPages .contentSpans h2{
    border-top:1px dotted grey;
    padding:0;
    margin-bottom:5px;
}

content.contentPages .thumbnailImgContainer {
    text-align:center;
}


/*************DIVIDER************************************************************************************************/
/* Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) {
	content.contentPages .processImg {
        width:500px;
   /*     border:1px solid blue;*/
    }

/*    content.contentPages .processImg img {
        width:100%;
    }*/

    content.contentPages .processImg .forDesktop {
        display:block;
    }

    content.contentPages .processImg .forMobile {
        display:none;
    }
    .whoWeAreImg{
        float:left;
        margin-right:10px;
    }

    content.contentPages .thumbnailImgContainer {
        text-align:left;
    }

	
}

/*************DIVIDER************************************************************************************************/
/* Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) {
	
    header .logoHolder .inner .logo {
        height: 110px;
        background-size: contain;
    }
    
    header .logoHolder {
        width: 190px;
        height: 110px;
    }

    content.contentPages .processImg {
        max-width:600px;
/*        border:1px solid green;*/
    }
	
}

/*************DIVIDER************************************************************************************************/
/* Large devices (desktops, 992px and up)*/
@media (min-width: 992px) {
	
    header .logoHolder .inner .logo {
        height: 110px;
        background-size: contain;
    }
    
    header .logoHolder {
        width: 190px;
        height: 110px;
    }

    content.contentPages .processImg {
        width:800px;
    }
	
}


/*************DIVIDER************************************************************************************************/
/* Extra large devices (large desktops, 1200px and up)*/
@media (min-width: 1200px) {
    
    header .logoHolder .inner .logo {
        height: 110px;
        background-size: contain;
    }
    
    header .logoHolder {
        width: 190px;
        height: 110px;
    }

    content.contentPages {
        max-width:992px;
        border:1px solid grey;
        border-top:0;
        border-bottom:0;
        margin:auto;
    }
    
}