﻿section.copy {
	line-height: 25px;
    font-family: "din-2014", sans-serif;
}

section.copy p {
	margin: 20px 0;
    font-size: 20px;
    line-height: 25px;
}

section.copy ul {
	list-style: unset;
    margin-left: 20px;
}

section.copy h2,
section.copy h3,
section.copy h4,
section.copy h5,
section.copy h6 {
	margin: 30px 0;
}

section.copy .layout {
	max-width: 800px;
}

section.copy .button {
    border: 2px solid transparent;
}

section.copy .button:hover {
    background: transparent;
    color: var(--red);
    border-color: var(--red);
}

section.copy .button.color-blue {
    background: var(--bgblue);
}

section.copy .button.color-blue:hover {
    background: transparent;
    color: var(--bgblue);
    border-color: var(--bgblue);
}

.single-programs section.copy p {
    font-size: 26px;
    line-height: 31px;
}

.single-programs section {
    padding-top: 0;
}

@media only screen and (min-width: 768px) and (max-width: 900px) {
    section.copy .layout{
        padding: 0 2em;
    }

    .single-programs section.copy p {
        margin: 20px 0;
        font-size: 20px;
        line-height: 25px;
    }
}

@media only screen and (max-width: 767px) {
 section.copy{
 padding:0;
 }
 
 section.copy p, .single-programs section.copy p {
	margin: 20px 0;
    font-size: 18px;
    line-height: 25px;
}
    
    section.copy .layout{
     max-width: 86%;
    margin: 0 7%;
    }
}