/*=================================================*/

* {
    box-sizing:border-box;
}
body {
    margin:0;
    background:#ddd;
    font-family:"Raleway", sans-serif;
    font-size:120%; 
}
img {
    width:100%;
    /*border-radius:5px;*/
}
a {
    color:#006600;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}

/*=================================================*/

.header {
    padding:40px;
    background:#003300;
    background-image:url(images/background.png);
    background-position:center center;
    background-repeat:no-repeat;
    background-attachment:scroll;
    background-size:cover;
    text-align:center;
    color:white;
}
.header a {
    color:white;
}
.header a:hover {
    text-decoration:none;
}

/*=================================================*/

.navbar {
    background:#005500;
    text-align:center;
}
.navbar a {
    padding:20px;
    display:inline-block;
    color:white;
    transition:all 0.4s ease;
}
.navbar a:hover {
    background:#ddd;
    color:black;  
    text-decoration:none;
}

/*=================================================*/

.row {
    width:100%;
    max-width:1344px;
    margin:auto;
    display:table;
}
.main {
    width:70%;
    padding:0px 20px 20px 20px;
    display:table-cell;
    background:white;
}
.main h3 {
	font-weight:normal;
}
.side {
    width:30%;
    padding:0px 20px 20px 20px;
    display:table-cell;
    background:#f1f1f1;
}
.screen {
	margin:auto;
    margin-bottom:40px;
    border:1px solid #ddd;
    /*border-radius:5px;*/
}
.description {
    padding:10px 20px;
    text-align:center;
}
.description-2 {
    padding:0px;
    text-align:left;
}
.button, .button-2 { 
    padding:20px;
    margin-bottom:10px;
    display:inline-block;
    background:#006600;
    /*border-radius:5px;*/
    color:white;
    transition:all 0.4s ease;
}
.button-2 { 
    background:#ddd;
    color:black;
}
.button:hover, .button-2:hover {
    background:#ddd; 
    color:black;
    text-decoration:none;
}

video, audio {
    max-width:100%;
    height:auto;
}

/*=================================================*/

.footer {
    border:1px solid #ddd;
    background:#c9c9c9;
    text-align:center;
}

/*=================================================*/

@media screen and (max-width:900px) {
    .header, .navbar, .footer, .navbar a {   
        width:100%;
        text-align:center;
    }
    .main, .side {
		width:100%;
        padding:10px;
        display:block;
    }
    .screen {
        margin:0px auto 20px auto;
    }
    body {
        font-size:100%; 
	}
}

/*=================================================*/
/*=================================================*/
/*=================================================*/