/* FONTS */
/*
	font-family: 'Quicksand', sans-serif;
*/

/* Globals */

/* Links */
a, a:focus, a:hover {
    color: #000;
	text-decoration: underline;
}
/* Base structure */
html, body {
    height: 100%;
	font-family: 'Quicksand', sans-serif;
}

body {
    display: -ms-flexbox;
    display: -webkit-box;
    display: flex;
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    color: #000;
    /*box-shadow: inset 0 0 5rem rgba(0, 0, 0, .5);*/
    background: url('../images/background.jpg') no-repeat center center fixed;
	background-size: cover;
}
.cover-container {
    width: 70em;
}
/* Header */
header h1.logo { 
    width: 200px; 
	margin: 20px auto 0px auto;
}

/* main */
main p { 
	font-size: 18px;
}

.contacts {
    font-size: 1.2em;
}
/* Footer */
.mastfoot {
    color: rgba(255, 255, 255, .5);
}

@media (max-width: 1200px) { 
    header h1 img { width: 35%; }
    .cover-container { padding:1em; }
    main h2 { font-size: 2em; padding: 20px; }
    main h3 { padding: 10px; }
    main p { padding-right: 2em; padding-left: 2em; }  
}
@media (max-width: 992px) { 
    header h1 img { width: 50%; }
    .cover-container { padding:1em; }
    main h2 { font-size: 2em; padding: 20px; }
    main h3 { padding: 10px; }
    main p { padding-right: 2em; padding-left: 2em; }
}
@media (max-width: 576px) { 
    header h1 img { width: 70%; }
    .cover-container { padding:1em; }
    main h2 { font-size: 2em; padding: 20px; }
    main h3 { padding: 10px; }
    main p { padding-right: 1em; padding-left: 1em; }
}