/* Footer */

footer h3 {
  font-weight:bold;
  color:#336699;
}

footer h6 {
  font-weight:normal;
  color:#FF7F00;
}

/* Navigation */

nav h2 {
	font-weight:bold;
	color:#336699;
}

nav h5 {
	font-weight:normal;
	color:#FF7F00;
}

/* Partners */
.partners img {
	max-width:160px;
	vertical-align:middle;
}

/* Services */

.services-content {
    margin:15px 0 0 0;
    padding:25px 35px 15px 35px;
    border-top:1px solid lightgrey;
}

.services-content img {
    float:right;
    margin:35px 30px;
}

.services-content ul {
    display:inline-block;
    list-style:none;
    padding:0;
    margin:5px 0;
}

.services-content p:last-child {
    text-align:center;
    padding:15px 0 5px 0;
    margin:25px 35px 5px 15px;
}

ul.checkmark li:before {
    content:"\2713\0020";
    color:#FF7F00;
    font-size:28px;
}

.services-offered ul {
    display:inline-block;
    list-style:none;
    float:left;
    margin:auto 0;
    width:500px;
}

.services-offered h6 {
    margin:0 0 0.5em 0;
    padding:0;
}

.services-offered li {
    margin:0.25em 0;
}

.services-offered p {
    margin:1em 0;
}

/* About */

#about-content h3 {
    margin-bottom:15px;
}

#about-content div{
    margin:15px 0;
}

#about-content div img {
    margin:25px 35px 10px 35px;
    max-width:100%;
    min-width:10%;
}

#about-content h4 {
    margin:15px;
    font-weight:normal;
}

#about-content h5 {
    margin:15px;
    font-weight:normal;
}

#about-content p {
    margin:15px;
}

/* TeamViewer download page */
#tv-content {
    background-image: url(/static/images/map2.png);
    min-height:416px;
}
#tv-download {
    margin:120px 60px;
    font-size:18px;
}

#tv-linkCaption {
    margin-top:60px;
    font-size:12px;
}

/* Downloads */

.download-wrapper a {
    color:black;
}

.download-box {
    border:1px solid lightgrey;
    border-radius:7px;
    overflow:hidden;
    margin-bottom:1em;
}

.download-box div {
    display:inline-block;
    max-width:75%;
}

.download-box h4 {
    padding:10px;
    text-align:left;
        background: rgb(255,255,255);
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(239,239,239,1) 47%,rgba(237,237,237,1) 100%);
    border-bottom:1px solid lightgrey;
    color:grey;
}

.download-box div p {
    margin:5px 25px;
    float:left;
    display:inline-block;
}

.download-box div p:first-child {
    margin:15px 15px 10px 25px;
    float:left;
    display:inline-block;
    color:#336699;
}

.download-box div p:last-child {
    padding-bottom:15px;
}

.download-box img {
    float:right;
    display:inline-block;
    margin:15px 30px;
}


#download-content h5 {
    margin:5px 0;
}

#download-content p {
    margin:5px 0;
}

.download-content-header img {
    display:block;
    margin:35px auto 5px auto;
}

.download-content-header div {
    display:block;
    max-width:35%;
    margin:5px auto;
}

.download-content-header h3 {
    display:inline-block;
    margin:5px;
}

.download-content-header h6 {
    display:inline-block;
    margin:5px;
}

.download-press li {
    list-style:none;
    margin:5px 0;
}

#download-localizations div {
    display:inline-block;
    margin:15px;
    text-align:center;
}

#download-localizations div img {
    width:48px;
    height:48px;
    border:0;
}

.download-localization img {
    display:inline-block;
}

#download-versions div {
    margin:25px;
}

#download-versions ul {
    margin-left:25px;
}

#download-versions h5 {
    display:inline-block;
    margin:5px 35px 5px 0;
}

#download-versions h6 {
    display:inline-block;
    margin:5px 0 5px 35px;
}

#download-thumbnails img {
    height:25%;
    width:25%;
    display:inline-block;
    margin:15px;
    border:1px solid lightgrey;
    cursor:pointer;
}

#download-screenshot{
    height:480px;
    width:320px;
    margin:50px auto;
    display:block;
}


@media (max-width:960px) {

    .download-box:first-child {
        text-align:center;
    }

    .download-box div:last-child {
        display:inline-block;
        max-width:100%;
        text-align:left;
    }
    
    .download-box img {
        display:block;
        margin:10px auto 0 auto;
    }
    
    .download-content-header div {
        max-width:75%;
    }
}