*{
padding: 0;
margin: 0;
}

header{
height: 100px;
}
header nav ul{
display: flex;
margin-left: 80%;
}

header nav ul li{
padding-left: 10%;
}

section{
height: 100vh;
border: 1px solid grey;
display: flex;
justify-content: center;
align-items: center;
}

.Container{
margin-top: 10%
}

.Container img{
height: 300px;
}

.Container h2{
margin-top: 3%;
}

footer {
line-height: 40px;
display: flex;
justify-content: center;
}


body {
background-color: #oooooo;
color: #000000;
text-align: center;
}

.wrapper-main {
	width: 1000px;
	padding: 100px 0;
	margin: 0 auto;
	border: 4px solid  bluel;
}

@media {
(max-width: 600px){
}

.wrapper-main {
    width: 100%;	
}
@media {
(min-width: 226px){

.wrapper-main {
    width: 100%;
    background color= #FFFFFF
	
}
}
@media {
(min-width: 434px){

.wrapper-main {
    width: 100%;
    background color= #FFFFFF
}
}
@media {
(min-width: 601px){

.wrapper-main {
    width: 100%;
    background color= #FFFFFF
}
}
@media {
(min-width: 768px){

.wrapper-main {
    width: 100%;
    background color= #FFFFFF
}
}
@media {
(min-width: 992px){

.wrapper-main {
    width: 100%;
    background color= #FFFFFF

}
}
@media {
(min-width: 1200px){

.wrapper-main {
    width: 100%;
    background color= #OOOOOO

}

/* MOBILE VERSION */
}
@media only screen and (max-width: 600px)

.wrapper-main {
    width: 100%;
  
}